tinymce vue，自动保存

最新推荐文章于 2025-02-21 14:06:23 发布

原创最新推荐文章于 2025-02-21 14:06:23 发布 · 821 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

本文介绍了一款富文本编辑器的配置细节，包括语言设置、皮肤选择、内容样式、工具栏按钮等功能，并实现了内容自动保存功能。文章还详细解释了如何通过 setup 函数自定义编辑器的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

init中： setup 函数


        init: {
          language: 'zh_CN',
          skin: false,
          content_css: false,
          resize: false,
          statusbar: false,
          plugins: 'link lists image media code table wordcount preview paste',
          toolbar: "alignleft aligncenter alignright alignjustify | image media link unlink | bullist numlist bold italic blockquote underline forecolor backcolor fontsizeselect | removeformat | undo redo  ",
          fontsize_formats: "8px 10px 12px 14px 16px 18px 24px 36px",
          menubar: false,
          branding: false,
          file_picker_types: 'image media',
          contextmenu: 'link copy paste image imagetools table',
          extended_valid_elements: 'video[width|height|poster|controls|autoplay|muted|loop|class|playsinline|webkit-playinline|x5-playsinline|x-webkit-airplay]',
          setup: function (editor) {
            // 富文本编辑器，内容发生变动，自动保存
            editor.on('Change', function (e) {
              tinymce.activeEditor.save();
            })
          }
        },