富文本编辑器TinyMCE使用方法

最新推荐文章于 2024-05-11 09:47:16 发布

由良时雨

最新推荐文章于 2024-05-11 09:47:16 发布

阅读量402

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45444401/article/details/128974515

版权

使用网址
https://www.tiny.cloud/
js使用

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>

    <script>
      tinymce.init({
      language: 'zh_CN', //注意大小写
        selector: '#mytextarea',
        plugins: [
          'a11ychecker','advlist','advcode','advtable','autolink','checklist','export',
          'lists','link','image','charmap','preview','anchor','searchreplace','visualblocks',
          'powerpaste','fullscreen','formatpainter','insertdatetime','media','table','help','wordcount'
        ],
        toolbar: 'undo redo | formatpainter casechange blocks | bold italic backcolor | ' +
          'alignleft aligncenter alignright alignjustify | ' +
          'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help'
      });
      //tinyMCE.activeEditor.getContent() 获取编辑器的所有内容
    </script>

  </head>

  <body>
  <h1>TinyMCE Quick Start Guide</h1>
    <form method="post">
      <textarea id="mytextarea">Hello, World!</textarea>
    </form>
  </body>
</html>