javascript - 在 wysiHTML5 编辑器中以编程方式插入 HTML

标签 javascript wysiwyg wysihtml5

我找到了 javascript 所见即所得编辑器 wysiHTML5 .

我正在尝试添加元素 <a href=...>到编辑器或以编程方式打开粗体。

我的代码是:

var editor = new wysihtml5.Editor("textarea", {
    toolbar:      "toolbar",
    stylesheets:  "css/wysihtml5.css",
    parserRules:  wysihtml5ParserRules
});

editor.observe("load", function() {
    editor.composer.commands.exec("bold");
});

我做错了什么吗?

最佳答案

实际上没有,但你必须确保你的文本区域(iframe)是有焦点的。尝试使用 on 而不是 observe。这是一个适用于 insertHTML 的示例代码。

editor.on("load", function() {
  editor.focus();
  editor.composer.commands.exec("insertHTML","<a href=....>text</a>");
});

关于javascript - 在 wysiHTML5 编辑器中以编程方式插入 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10739237/

相关文章:

django - 在 django admin 中显示使用 WYSIWYG 制作的内容时出现问题

vue.js - 我想要 nuxt.js (vue.js) 中的 quilljs

javascript - Sequelize options.nest in query() 方法不起作用

javascript - 网站 JS 对 X 按钮没有反应(关闭)

javascript - 如何将 ajax $.get 值传递给 jQuery 中的另一个 $.get 函数?

javascript - Redactor 编辑器在上传时更改图像标签

ruby-on-rails - 我的Rails应用程序的所见即所得建议

javascript - 如何更改富文本编辑器文本区域中的插入符号偏移量?

javascript - IE8 的 WYSIHTML5 字符计数器

javascript - yepnope js 测试对象如何工作?