AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

原生js使用editor.js

2022-02-21 1263
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 原生项目中使用下一代块样式编辑器editor.js，自由，使用愉快。

一、原生js项目使用editor.js
原生只能将editor.js下载到本地，手动导入使用。
editor.js
所有工具js

二、Editor官网
https://editorjs.io/getting-started
https://github.com/editor-js
三、使用说明（https://editorjs.io/base-concepts）
1．页面引入editor.js文件
2．引入工具组件js
3．image.png
四、实现效果
image.png

文章标签：
JavaScript
关键词：
JavaScript原生
原生js JavaScript
JavaScript editor
青语的可爱帝国
+关注
6文章10问答
目录
打赏
0
0
0
0
39
分享
相关文章
李游Leo
|
2月前
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式，包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析，如模拟点击事件、派发自定义数据加载事件和实现提示框系统，帮助开发者掌握这些方法在实际开发中的应用，提升灵活性与兼容性。
李游Leo
58 3
六卿
|
6月前
|
移动开发 前端开发 JavaScript
原生JavaScript+canvas实现五子棋游戏_值得一看
本文介绍了如何使用原生JavaScript和HTML5的Canvas API实现五子棋游戏，包括棋盘的绘制、棋子的生成和落子、以及判断胜负的逻辑，提供了详细的代码和注释。
六卿
96 0
原生JavaScript+canvas实现五子棋游戏_值得一看
土木林森
|
7月前
|
Devops 持续交付 测试技术
JSF遇上DevOps：开发流程将迎巨变？一篇文章带你领略高效协同的魅力！
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces（JSF）开发中融入DevOps文化，通过持续集成与部署、自动化测试、监控与日志记录及反馈机制，提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法，并强调了持续改进的重要性。
土木林森
65 0
土木林森
|
7月前
|
JavaScript 前端开发 API
从零开始学表单操作，jQuery 与原生 JavaScript 完全指南，带你轻松掌握网页交互关键！
【8月更文挑战第31天】在网页开发中，表单是实现用户互动的关键元素。无论是收集信息、提交数据还是验证输入，都需要对表单进行有效操作。本文档介绍了如何使用原生 JavaScript 和 jQuery 操作表单，包括获取表单元素、读写表单值、处理表单提交及验证等核心功能。jQuery 提供了更简洁的语法和更好的兼容性，但原生 JavaScript 在性能上有优势。选择合适的方法取决于项目需求和个人偏好。下面通过具体示例展示了两种方式的操作方法。
土木林森
64 0
今天是几号
|
9月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
今天是几号
69 5
茶卡盐佑星_
|
9月前
|
JavaScript
原生JS实现全选、全不选
原生JS实现全选、全不选
茶卡盐佑星_
65 2
朝阳39
|
8月前
|
JavaScript
js 一键复制到剪贴板（原生js实现）
js 一键复制到剪贴板（原生js实现）
朝阳39
52 0
hnrk7epeorhrk
|
9月前
|
前端开发 JavaScript 容器
程序技术好文：纯原生javascript下拉框表单美化实例教程
程序技术好文：纯原生javascript下拉框表单美化实例教程
hnrk7epeorhrk
170 0
北原_春希
|
9月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
北原_春希
238 0
北原_春希
|
9月前
|
JavaScript 前端开发
原生JS如何查询元素属性
原生JS如何查询元素属性
北原_春希
76 0

热门文章

最新文章

  • 1
    三句话生成 P5.js 粒子特效代码，人人都可以做交互式数字艺术
    10
  • 2
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
    6
  • 3
    多种脚本批量下载 Docker 镜像：Shell、PowerShell、Node.js 和 C#
    11
  • 4
    如何在React.js中使用Shadcn/UI
    10
  • 5
    前端开发必备！Node.js 18.x LTS保姆级安装教程（附国内镜像源配置）
    29
  • 6
    【通义灵码】三句话生成P5.js粒子特效代码，人人都可以做交互式数字艺术
    10
  • 7
    JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能，JS中排序算法的使用详解（附实际应用代码）
    36
  • 8
    【编程向导】Js与Ts差异详解：选择与权衡
    11
  • 9
    Javascript常见算法详解
    3
  • 10
    JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）
    23
  • 1
    如何在阿里云的linux上搭建Node.js编程环境？
    18
  • 2
    jqtimeline.js-简单又好用的jquery时间轴插件
    22
  • 3
    纯js轻量级页面顶部Loading进度条插件
    17
  • 4
    基于 Node.js 深度优先搜索算法的上网监管软件研究
    24
  • 5
    前端开发必备！Node.js 18.x LTS保姆级安装教程（附国内镜像源配置）
    77
  • 6
    金融数据分析：解析JavaScript渲染的隐藏表格
    42
  • 7
    JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）
    52
  • 8
    通过array.some(）实现权限检查、表单验证、库存管理、内容审查和数据处理；js数组元素检查的方法，some（）的使用详解，array.some与array.every的区别（附实际应用代码）
    24
  • 9
    通过array.every(）实现数据验证、权限检查和一致性检查；js数组元素检查的方法，every（）的使用详解，array.some与array.every的区别（附实际应用代码）
    20
  • 10
    最细最有条理解析：事件循环（消息循环）是什么？为什么JS需要异步
    20

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Vue.js 入门与实战
  • jQuery开发教程
  • CSS 快速掌握
  • 前端开发CSS基础

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • HTML及前端框架
  • CSS基础教程
  • 搭建Node.js编程环境
    • 下一篇
    阿里云oss简介和如何对接使用
    AI助理

    你好，我是AI助理

    可以解答问题、推荐解决方案等