代码之家  ›  专栏  ›  技术社区  ›  T. Stone

HTML Javascript富文本框(IDE)

  •  1
  • T. Stone  · 技术社区  · 16 年前

    我希望用javascript构建一个IDE,其行为与gmail非常相似,只是样式会根据他们键入的内容自动改变。这一逻辑并不是我所挣扎的。这就是gmail如何实现在html中以丰富的编辑格式进行编辑的能力。据我所知,textarea控件不能以这种方式工作,那么他们如何伪造此功能?

    4 回复  |  直到 16 年前
        1
  •  3
  •   Malx    16 年前

    谷歌“内容可编辑” 尝试在Firefox中按F7直接编辑HTML页面:) Gmail在带有contenteditable=“true”的页面中使用框架。

    另请参见谷歌网络工具包: http://code.google.com/docreader/#p=google-web-toolkit-doc-1-5&s=google-web-toolkit-doc-1-5&t=DevGuideWidgetGallery

        2
  •  1
  •   Pekka    16 年前

    那样的话,请允许我推荐 CKEDitor ,它相当快、现代和健壮。

    您可以在相应的列表中找到更广泛的列表 Wikipedia entry .

    您可能必须自定义任何编辑器才能编辑电子邮件(例如,您将无法使用任何预定义的CSS类,因此编辑器必须直接在标记中执行所有样式定义),但这不应该是一个问题。

        3
  •  0
  •   Itay Moav -Malimovka    16 年前

    下载众多开源系统中的一个,看看他们是如何做到的。

        4
  •  0
  •   J Jorgenson    14 年前

    我投赞成票 editarea Another Wikipedia entry .

    我能够用最简单的代码将其添加到现有页面中:

    <script language="javascript" type="text/javascript" src="edit_area/edit_area_full.js"></script>
    <script language="javascript" type="text/javascript" >
    editAreaLoader.init({
      id: "my_textarea_id"   // ID of textarea to turn into syntax editor.
      , syntax: "php"
      , start_highlight: true
      , allow_resize: "both"
      , toolbar: "search, go_to_line, |, undo, redo, |, highlight, reset_highlight, word_wrap,|,syntax_selection"
      , min_height:150
      , min_width:400
    });
    </script>