门户网站做啥,东莞电子网站建设哪儿有,做练习题的网站,怎么做外链开始
Editor.js 提供了简单而直观的用户界面#xff0c;根据需求可以灵活添加自定义的编辑工具#xff0c;通过插件扩展功能
Editorjs 使用 js 开发#xff0c;脱离框架依赖#xff0c;因此可以基于它封装富文本编辑器#xff0c;用于 Vue 和 React 项目
editor-js-com…开始
Editor.js 提供了简单而直观的用户界面根据需求可以灵活添加自定义的编辑工具通过插件扩展功能
Editorjs 使用 js 开发脱离框架依赖因此可以基于它封装富文本编辑器用于 Vue 和 React 项目
editor-js-component 是基于 Editorjs 封装的库通过 monorepo 管理项目不局限框架
Demo 示例 editor-js-component
editorjs-js-component 是基于 Editor.js 封装的库不局限框架可以用于 Vue 和 React 项目
安装
# NPM
npm install --save editor-js-component# or Yarn
yarn add editor-js-component# or Pnpm
pnpm add editor-js-component查看文档使用
import { useEditorjs } from editor-js-component// 执行函数
const editorInstance useEditorjs({...
})// 实例化编辑器开启执行
editorInstance.start()editorjs-component-vue
editorjs-component-vue 是基于 editor-js-component 封装 Vue3 组件
文档 查看使用
# NPM
npm install --save editorjs-component-vue# or Yarn
yarn add editorjs-component-vue# or Pnpm
pnpm add editorjs-component-vue组件注册
import { EditorJsVue,EditorJsParser
} from editorjs-component-vue// or 全局注册组件const app createApp()app.use(EditorJsVue)组件使用
EditorJsVueclasseditor-leftrefeditor:datadata:messagesi18nMessage:initializedonInitialized:tool-configtoolConfigchangeDataeditorChange/插件
Editorjs 以模块化的方式开发通过插件方式扩展功能如标题、段落、列表、表格等
根据 Editorjs 提供的 API 开发富文本插件功能
插件列表可以开发满足于自己的插件
headerlistcodeinlineCodepersonalityembedlinkToolmarkertablerawdelimiterquoteimagewarningparagraphchecklist
如果对富文本编辑器感兴趣欢迎加入