editorjs是模块化简洁富文本编辑器插件-BFW插件库

editorjs是模块化简洁富文本编辑器插件

Editor.js：一个灵活、轻量级的模块化富文本编辑器,Editor.js就是这样一种解决方案。

它并不是一个传统的富文本编辑器，而更像是一个空白的画布，等待着开发者用自己的想象力去填充色彩。它的设计理念是“简单而强大”，这也是它能够获得25.8k的star的原因。

Editor.js的最大特点就是它的模块化设计。你可以根据自己的项目需求选择需要的模块，也可以自己创建模块插件，来个性化定制你的编辑器。这种灵活性使得Editor.js能够适应各种不同的应用场景。

此外，Editor.js还提供了简单的API，让你可以轻松设置你的block类型和内容。当你输入一段话，或是插入一张图片后，Editor.js会输出JSON数据，让后台处理和存储变得简单方便。

使用方式：

第一步引入editorjs.js

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/editorjs/editorjs.js"></script>

第二步准备dom

 <div id="editorjs"></div>

第三步配置参数

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
      <div id="editorjs"></div>
   <!-- Load Editor.js's Core -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/editorjs/editorjs.js"></script>

  <!-- Initialization -->
  <script>

 
    var editor = new EditorJS({
      /**
       * Enable/Disable the read only mode
       */
      readOnly: false,

      /**
       * Wrapper of Editor
       */
      holder: 'editorjs',

     

      tools: {
     

      },

      data: {
        blocks: [
         
         
        ]
      },
      onReady: function(){
       
      },
      onChange: function(api, event) {
        console.log('something changed', event);
      }
    });

    
  </script>
</body>
</html>

editorjs是模块化简洁富文本编辑器插件

网友评论0

vconsole.js

ntc.js

classie.js

jquery.wheelOfFortune.js

guagua.js

qrcode.js

tracking-min.js

Scratch.js

crossroads.js

jscapture.js