首页
前端开发
HTML5
TUI Editor Markdown所见即所得编辑器

TUI Editor Markdown所见即所得编辑器

0 次浏览 0 条评论
rar
rar

tui-editor 的编辑体验挺顺滑的，支持Markdown和所见即所得两种模式，适合不同类型的用户。它的界面清爽、功能也全，像表格、代码高亮、图表啥的都能搞定，比较适合做博客后台、文档平台那类项目。

它是基于JavaScript构建的，支持主流浏览器，连IE11也照顾到了，兼容性还不错。你可以通过npm install tui-editor来安装，也可以直接引入 CDN，灵活度比较高。

初始化也不复杂，比如你要挂载在#editor-container上，只需要：

import Editor from 'tui-editor';


const editor = new Editor({
  el: document.querySelector('#editor-container'),
  previewStyle: 'vertical',
  height: '300px',
  initialValue: '# Hello, Tui Editor!',
  usageStatistics: false
});

还支持插件扩展，像你要加个代码高亮，只需要引入CodeBlockManager：

import { CodeBlockManager } from 'tui-code-snippet';
editor.addPlugin(new CodeBlockManager(editor));

你可以监听change事件，也能用getHtml()或getMarkdown()拿到内容。要是想做点样式上的自定义，也挺方便的，改 CSS 或者用主题包都行。

还有一点蛮贴心的，支持多语言，比如你要中文界面，加载语言包就行。如果你经常做编辑器相关的功能，这玩意儿可以说是省心省力的好帮手。

如果你在做文档系统、知识库或者内容管理类项目，tui-editor 真的是一个可以闭眼入的选择。

rar 文件大小：2.33MB