开始 Editor.js 提供了简单而直观的用户界面,根据需求可以灵活添加自定义的编辑工具,通过插件扩展功能 Editorjs 使用 js 开发,脱离框架依赖,因此可以基于它封装富文本编辑器,用于 Vue 和 React 项目 editor-js-component 是基于 Editorjs 封装的库,通过 monorepo 管理项目,不局限框架 Demo 示例 editor-js-component 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(
/test1.js" document.body.appendChild(editorJs) var editorJs2 = document.createElement("script") editorJs2 /test1.js" // document.body.appendChild(editorJs) var editorJs2 = document.createElement("script") editorJs2 var editorJs = document.createElement("script") editorJs.src = ". /test1.js" editorJs.async = false document.body.appendChild(editorJs) var editorJs2 = document.createElement /test2.js" editorJs2.onload = getReadyForEditor editorJs2.async = false document.body.appendChild(editorJs2
npm install @editorjs/editorjs @editorjs/header @editorjs/list @editorjs/paragraph常见插件包括:@editorjs/header :标题@editorjs/list:有序/无序列表@editorjs/paragraph:段落(Editor.js 默认自带,但单独引入更灵活)如果需要图片上传、代码高亮等功能,可以根据需求安装对应插件 from "@editorjs/editorjs";import Header from "@editorjs/header";import List from "@editorjs/list";import Paragraph from "@editorjs/paragraph";let editor = null;onMounted(() => { editor = new EditorJS({ editor = new EditorJS({ holder: "editorjs", tools: { header: Header, list: List, paragraph
'ql-active' : ''}}" data-name="italic" bindtap="editorjs" data-bind="format"> 'ql-active' : ''}}" data-name="align" data-value="justify" bindtap="editorjs" data-bind="format"> :function(e){ editorjs.editorfunction(e) }, }) @import "../..
'ql-active' : ''}}" data-name="italic" bindtap="editorjs" data-bind="format"> 'ql-active' : ''}}" data-name="align" data-value="justify" bindtap="editorjs" data-bind="format"> :function(e){ editorjs.editorfunction(e) }, }) @import "../..
click="toggleItalic">I</button>
>
删除submodule 4.1 删除 .gitmodules 文件中相关的内容 -[submodule "editorjs"] - path = editorjs - url remotes/origin/* [branch "master"] remote = origin merge = refs/heads/master -[submodule "editorjs
Notion LIke 产品属于新的块级编辑体验笔记,拥有的页面和块无限层级,Back Link以及Database体验,与传统富文本编辑器在产品体验上有明显差异,本篇文章不着重描述,感兴趣可以先阅读 editorjs.io
[https://editorjs.io/] MediumEditor MediumEditor是Medium的内置的开放源代码编辑器,用于人们博客。