代码之家  ›  专栏  ›  技术社区  ›  Jules Colle

文本区域中的粗体文本

  •  3
  • Jules Colle  · 技术社区  · 14 年前

    我正在尝试编写一个非常简单的WYSIWYG编辑器,用户只需在选择部分文本后添加粗体文本、超链接和项目符号。事实上,就像开卷机一样。

    但据我所知,无法向文本区域添加格式设置。所以我想知道,其他WYSIWYG编辑器(如Keckeditor)是如何解决这个问题的。

    4 回复  |  直到 14 年前
        1
  •  4
  •   Gert Grenander Keiron Lowe    14 年前

    基于浏览器的WYSIWYG编辑器通过为正在编辑的文档/文本构建HTML来工作。换句话说,您实际上是在浏览器中编辑HTML,而不是在 TEXTAREA . 您可能需要查看的源代码 Rich Text Editor 看看Mozilla的 Midas Specification 在你开始写所有的东西之前。

        2
  •  5
  •   Jeffrey Blake    14 年前

    好吧,这并不能回答他们怎么做的问题,但是你可以将样式应用到文本区域。试一试:

    <textarea style="font-weight:bold;"> </textarea>
    

    至于像ckeditor这样的编辑器是如何做到这一点的,大多数都是通过应用大量的javascript和css来实现的。 <div> 看起来像 <textarea> . 这就是我在Ajax上的MS类中所做的。此外,如果在 CKEditor demo ,您将看到输入区域的所有内容都是 <DIV & GT; 元素。

        3
  •  2
  •   barrylloyd    14 年前

    你需要使用 可满足的 属性。 谷歌搜索会给你很多信息和例子

        4
  •  1
  •   David Young    14 年前

    大多数WYSIWYG,比如 TinyMCE 使用纯JavaScript覆盖,以便提供一个富文本编辑器,该编辑器查找文本区域HTML标记,以用富文本编辑器替换基本文本编辑器。

    javascript编辑器真正要做的是向文本内容添加适当的HTML标记,如<b>或<i>。

    这就是为什么当您将所见即所得编辑器的内容提交到服务器时,通常会得到HTML。