首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Editor.js 富文本编辑器

    基于 Editor.js 开发富文本编辑器库

    开始 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(

    1.4K00编辑于 2023-12-23
  • 来自专栏前端自习课

    【JS】575- 动态插入的script脚本执行时间

    /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

    3.4K10发布于 2020-04-26
  • 来自专栏码艺坊

    在 Vue 中使用 Editor.js:从集成到实战

    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

    94700编辑于 2025-09-04
  • 来自专栏全栈程序员必看

    【愚公系列】2022年03月 微信小程序-富文本编辑器

    '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 "../..

    1K10编辑于 2022-06-28
  • 来自专栏历史专栏

    【愚公系列】2022年03月 微信小程序-富文本编辑器

    '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 "../..

    86420编辑于 2022-12-01
  • 来自专栏码艺坊

    Editor.js 高级应用:inlineToolbar 的定义与进阶用法

    click="toggleItalic">I</button>

    <divid="editor">
    </template><scriptsetup>importEditorJSfrom'@editorjs /editorjs';leteditor;onMounted(()=>{editor=newEditorJS({holder:'editor',tools:{paragraph:{class:require ('@editorjs/paragraph'),inlineToolbar:['bold','italic']},bold:require('@editorjs/bold'),italic:require ('@editorjs/italic')}});});functiontoggleBold(){editor.inlineToolbar.open();//TODO:通过自定义API或插件实现“加粗”}

25200编辑于 2025-09-18
  • 来自专栏跟牛老师一起学WEBGIS

    aceEditor实现类似于codepen的效果

    >

  • javascript代码
    <pre id="<em>editorJs</em> = ace.edit("editorJs"); editorJs.session.setMode("ace/mode/javascript"); editorJs.setTheme("ace/ theme/chaos"); editorJs.setOptions(option); editorJs.setValue("document.getElementById('map').innerText ;"); editorJs.moveCursorTo(0, 0); editorJs.session.on('change', function(e) { runAllCodes(); runAllCodes() { var html = editorHtml.getValue(); var css = editorCss.getValue(); var js = editorJs.getValue

  • 98220发布于 2019-11-21
  • 来自专栏前端黑板报

    Git必备命令-子模块

    删除submodule 4.1 删除 .gitmodules 文件中相关的内容 -[submodule "editorjs"] - path = editorjs - url remotes/origin/* [branch "master"] remote = origin merge = refs/heads/master -[submodule "editorjs

    1.6K20编辑于 2022-06-13
  • 来自专栏用户8775441的专栏

    在线文档技术揭秘开篇 - 富文本编辑器

    Notion LIke 产品属于新的块级编辑体验笔记,拥有的页面和块无限层级,Back Link以及Database体验,与传统富文本编辑器在产品体验上有明显差异,本篇文章不着重描述,感兴趣可以先阅读 editorjs.io

    5.8K30发布于 2021-06-28
  • 来自专栏前端全栈开发者

    13个顶级免费所见即所得文本编辑器工具

    [https://editorjs.io/] MediumEditor MediumEditor是Medium的内置的开放源代码编辑器,用于人们博客。

    7K00发布于 2021-03-18
  • 领券