在Javascript和WYSIWYG中包装自定义标签中的内容

时间:2012-09-28 00:46:50

标签: javascript html wysiwyg html-editor

因此,只需在网站中使用的基本HTML编辑器,我可以选择任何文本/元素,单击按钮,它将在我的自定义标签中包装所述选择。编辑器的内容还应将其值存储在后台的文本字段中,以便将其提交给服务器。

我需要在<description></description>标记中包含一些内容,因为服务器端的HTML解析器将仅提取该内容以便在搜索结果中显示。我似乎找不到任何能够开箱即用的功能的编辑器,或者允许创建一个简单的扩展来为它放置按钮和动作。

任何可以充当文字处理器的编辑器都是奖励。我对它们没有多少经验,但有点烦人的是,当你按下它时它只是复制上面的标记之前的任何东西,这让我只在第一行放</br>所以所有换行是单行,而不是段落的情况。

1 个答案:

答案 0 :(得分:2)

HTML中不允许使用技术自定义标记

https://stackoverflow.com/a/2802715/315168

在标记文字时,您可能希望使用HTML5数据属性,CSS类以及通用<div><span>元素。

对于WYSIWYG:任何Javscript WYSIWYG编辑器都将使用您自己的自定义。但是,不要期望开箱即用这种功能,因为它是一个非常狭窄的用例。但是为任何一个编辑器制作这样的功能只是学习编辑器API如何做到这一点 - nothign阻止你。所有WYSIWYG编辑器都基于HTML contentEditable属性,因此它们在内部几乎完全相同。

如果您熟悉TinyMCE,请选择它。如果您想查看其他选项,只需简单的Google搜索即可告诉您。

http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors