如何制作基本的所见即所得编辑器?
基本上我只想要粗体、斜体、下划线。没什么复杂的。
我从其他问题或此处读到我应该使用 contenteditable。 即 基本 javascript wysiwyg 编辑器
但如何从 contenteditable 中的选定文本中进行粗体等操作盒子?
我需要通过 CSSable 实现粗体等按钮,因此,如果我可以执行 javascript 来进行粗体、下划线等操作,那将是首选。
Basically I just want bold, italic, underline. Nothing complicated.
I've read from other questions or here that I should use contenteditable.
ie Basic javascript wysiwyg editor
but how do I do the bold, etc from selcted text in the contenteditable box?
I need the bold, etc buttons to by CSSable, so, if I can execute javascript to do bolding, underlining, etc, that would be preferred.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您需要将元素定义为 contentEditable。然后,您可以使用 execCommand 对 contentEditable 元素中的选定文本执行功能。关于这个东西的文档很少......祝你好运:)
当然你可以使用 CKEditor 或 TinyMCE。
You'll want to define an element as contentEditable. Then you can use execCommand to performs functions on the selected text within the contentEditable element. Documentation on this stuff is scarce... good luck :)
Of course you could use CKEditor or TinyMCE.
BSALSA.com EmbeddedWB 有一个 HTML 显示控件和一个链接到它的 EditDesigner,为您提供基本的编辑功能。对 EditDesigner.pas 单元稍作修改,您就可以完全访问 MSHTML execCommand,使其成为一个非常容易编写 WYSIWYG HTML 编辑器的代码
BSALSA.com EmbeddedWB has a HTML display control and an EditDesigner that links to it giving you basic editing capability. A slight modification to the EditDesigner.pas Unit and you get near full access to MSHTML execCommand, making it a very easy to code WYSIWYG HTML editor