tui.editor（TOAST UI Editor）是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大，你可以编辑表格，UML图和图表等
tui.editor富文本编辑器 官网链接：传送门
抽空给叶开楗的弄个说明吧，这里只弄html版的，其他人如果需要vue版的说明，自己看官网的很具体，我就不说了
第一步引用 script 闭合自己补齐
- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css" />
- <link rel="stylesheet" href="https://uicdn.toast.com/editor/3.2.0/toastui-editor.min.css" />
- <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js">script>
- <script src="https://uicdn.toast.com/editor/3.2.0/toastui-editor-all.min.js">script>
第二步容器 div 闭合自己补齐
- <div id="editorSection">div>
第三步创建 script 闭合自己补齐
- <script>
- // window.onload 事件是在dom挂载结束后触发
- window.onload = function(){
- console.log("DOM加载完毕--划重点");
- var editor = new toastui.Editor({
- el: document.querySelector('#editorSection'),
- height: '600px',
- initialEditType: 'markdown',
- previewStyle: 'vertical',
- placeholder: '请输入正文...',
- events: {
- change: function() {
- console.log(editor.getMarkdown());
- },
- }
- });
- }
- script>
提交图片
你要自己研究下，我没时间,而且你用的应该是七牛云存储吧
昨天又折腾了一下，发现还是simplemde 对我更友好很多，就没用这个了，真的和能力有关 抱歉啦。
@叶开楗：没事，适合自己的就好
我能说我都不用编辑器么？我都是傻瓜式的文本域写文😫
@阿和：我玩asp的时候貌似也没用编辑器啥的！~
cloudflare.com/这站靠谱不，我用的编辑器，用了这个站的资源，怕到时挂了，编辑器就废了。
@林羽凡：应该靠谱吧！毕竟挺大公司的！！如果怕，资源就弄到本地吧
@老司机：这年头，不靠谱的还都是大公司，看看这些年关了，跑路了的，被墙了的图床，害了多少站长了。😢
@林羽凡：cloudflare 除了被墙 基本稳定的没话说我18年用到现在..
@叶开楗：话说你又闭站了，你没必要生气，你生气了也许就中了对方全套，想开点，不管他；借鉴一句名言“走自己的路，让别人说去吧”
@老司机：哎，就是感觉难受。
让我安静几天吧，心情好了再说！！o(╥﹏╥)o
我都放弃了，我都不想折腾了，结果... 等我有空在折腾哈哈。
图片提交那个我用不到 哈哈，我的编辑器只需要预览功能 哈哈！
我基本都是本地写好了，复制到编辑器然后发布的。
感谢大佬！！！！
@叶开楗：看到了，这个编辑图片他是使用:image/png;ba<x>se64