如何制作基本的所见即所得编辑器?

发布于 2024-12-11 19:40:32 字数 311 浏览 0 评论 0原文

基本上我只想要粗体、斜体、下划线。没什么复杂的。

我从其他问题或此处读到我应该使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

当梦初醒 2024-12-18 19:40:32

您需要将元素定义为 contentEditable。然后,您可以使用 execCommand 对 contentEditable 元素中的选定文本执行功能。关于这个东西的文档很少......祝你好运:)

当然你可以使用 CKEditorTinyMCE

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.

哭了丶谁疼 2024-12-18 19:40:32

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文