3
我正在尝试实现项目,并且我必须在JavaScript中执行WYSIWYG编辑器。我无法使用现有的编辑器,因为我需要使用我的插件(例如colorPicker
或imagePicker
)。getSelection on DIV contentEditable
现在我有这样的HTML:
<div class="K_editor" id="idExample">
<div class="K_links">
<div class="K_editor_link K_editor_linkBold">B</div>
<div class="K_editor_link K_editor_linkItalic">I</div>
<div class="K_editor_link K_editor_linkUnderline">U</div>
</div>
<iframe width="696" height="212" frameborder="0" src="js/myEditor_iFrame.php">
<html>
<head/>
<body>
<div id="contentIframe" contenteditable="true">
This is a test code, with <strong>bold</strong> text and <em>italic</em> text.
</div>
</body>
</html>
</iframe>
<input type="submit"/>
</div>
论.K_editor_link
事件点击,一个功能与参数开:
tagStart
(例如<u>
,或<span style="color:#AB1;">
)tagEnd
(示例</u>
或</span>
)id
(这里idExample
)
我知道得到Textarea
但setSelectionRange()
,.selectionStart
和.selectionEnd
一个选择是只对textbox
(XUL),input
(XHTML)或textarea
(XHTML)。
我能做些什么呢?
,你必须使用自己的插件真的不强迫你写自己一个WYISWYG编辑器的事实。 CKEditor和TinyMCE允许使用自己的插件,实际上它们是围绕一个核心构建的一组插件。 – AlfonsoML 2011-12-10 18:27:28