📜  tinymce 更改事件 - Javascript (1)

📅  最后修改于: 2023-12-03 15:20:38.084000             🧑  作者: Mango

TinyMCE 是一个 JavaScript 库,用于将文本框转换成一个可编辑的富文本编辑器。可以使用 TinyMCE 提供的事件来监听编辑器的更改,并执行相应的操作。

要更改 TinyMCE 的内容时,可以使用"change"事件。以下是使用 JavaScript 监听 TinyMCE 内容更改事件的示例代码:

tinymce.init({
  selector: 'textarea', // 将 textarea 转换为 TinyMCE 编辑器
  setup: function (editor) {
    editor.on('change', function () {
      // 当内容更改时执行的操作
      var content = editor.getContent(); // 获取编辑器内容
      var markdown = convertToMarkdown(content); // 将内容转换为 Markdown 格式
      console.log(markdown); // 在控制台打印 Markdown 内容
    });
  }
});

function convertToMarkdown(content) {
  // 将 TinyMCE 内容转换为 Markdown 格式的函数
  // 实现 Markdown 转换的逻辑
  // 返回转换后的 Markdown 内容
}

上述代码中的 tinymce.init 函数初始化了一个 TinyMCE 编辑器,并通过 selector 属性将一个 textarea 元素转换为编辑器。在 setup 回调函数中,使用 editor.on('change', function () { ... }) 来监听编辑器内容更改事件,当编辑器内容更改时,执行回调函数中的操作。

在回调函数中,可以使用 editor.getContent() 方法获取编辑器的内容。然后,调用自定义的 convertToMarkdown 函数将编辑器的内容转换为 Markdown 格式。最后,将转换后的 Markdown 内容打印到控制台或进行其它操作。

请注意,convertToMarkdown 函数是一个示例函数,需要自己实现 Markdown 转换的逻辑。根据具体需求,可以使用现有的 Markdown 转换库或自行编写转换逻辑。

以上代码块返回的 Markdown 格式内容将会在控制台打印出来,你可以根据自己的需求进行进一步操作,例如将 Markdown 内容展示在网页上,保存到数据库中等等。