已掉线，重新登录
首页 > 绿虎论坛 > 网页插件 (发帖)

标题: [精]Markdown/WYSIWYG编辑器网页插件

作者: @Ta

时间: 2021-03-31发布，2022-06-17修改

点击: 18486
被下沉

主要功能

  • 支持Markdown编辑模式
  • 支持WYSIWYG编辑模式
  • 支持直接粘贴图片到编辑器（上传到老虎储存小姐姐专用的七牛云）
  • 支持预览内容功能

界面截图

image.png

已知问题

  1. 无法使用小尾巴网页插件
  2. 打开页面时，会自动聚焦到编辑器上，影响使用体验

插件代码

点击打开网页插件设置

导入网页插件：markdown/wysiwyg编辑器（当前用户：1，总安装次数：2）
<link rel="stylesheet" href="//hu60.org/toastui-editor/style.css"/>
<script src="//hu60.org/toastui-editor/script.js"></script>

更新日志

2021-08-05

2021-06-21

  • js 和 css 文件放在 hu60.org 方便进行后续更新
  • 优化网站样式与编辑器内按钮样式冲突问题

2021-06-18

  • 工具栏移除一些不支持的MD语法，如：任务、缩进、减少缩进
  • 适配 TOAST UI Editor 3.0.0

2021-06-09

  • 修复收缩的工具栏图标不显示
  • 选择表情后自动关闭表情选择面板
  • 代码使用网站的数据储存功能，减少设置网页插件时的代码量，同时支持自动更新
  • 优化文件上传Token方式

2021-04-01 12:42

  • 支持点击界面上的 @Ta 来AT人
  • 增加表情功能

[隐藏样式|查看源码]

『回复列表(18|隐藏机器人聊天)』

3.

好家伙 直接替换掉了原来的输入框

(/@Ta/2021-03-31 23:35/样/源)
4.

手机界面没有吗？

- - blog:LDXW.TOP
(/@Ta/2021-04-01 00:50/样/源)
5.

imageimage
@穴儿 手机界面?

(/@Ta/2021-04-01 07:09/样/源)
6.

还有不少问题，这两天继续优化😓

(/@Ta/2021-04-01 07:10/样/源)
7.

11111111111111111

小米MIX2s(白)

(/@Ta/2021-04-01 10:12/样/源)
8.

小米MIX2s(白)

(/@Ta/2021-04-01 10:14/样/源)
9.
(/@Ta/2021-04-01 12:05/样/源)
10. 666
(/@Ta/2021-04-01 14:07/样/源)
11.
~~~
(/@Ta/2021-04-01 14:10/样/源)
12.
  • 厉害
    红米Note4高配版(银色)
(/@Ta/2021-04-01 15:31/样/源)
13. 求助，请问，你好，
可否有某个标签替代Typecho自带的Markdown编辑器的 ---more--- 折叠标签啊？
(/@Ta/2021-06-09 16:28/样/源)
14.

@希望自己长胖胖 <!-- more -->

(/@Ta/2021-06-09 17:52/样/源)
15. @读书顶个鸟用，
怎么代替他呀？
(/@Ta/2021-06-09 18:19/样/源)
16. 要求用markdown语法写文章，然后图片![]()要在a标签里

---如果上面看懂了，不用往下看---

md语法：![图片]（i.img）
要求解析为：
<a href="i.img"><img src="i.img" alt="图片" title="图片"></a>

---如果上面看懂了，不用往下看---

我想要鼠标放在图片上的时候，浏览器左下角显示图片地址。
为此我已经求爷爷告奶奶研究了两个半月了。

---如果上面看懂了，不用往下看---

Typecho文章求助
就是当鼠标放到图片上方的时候，鼠标就会变形成手，然后浏览器状态栏那里会显示图片地址

而目前当鼠标放到图片上面的时候，鼠标不会变形。

经过两个半月的研究发现，应该是需要有链接才能显示。没有链接只有图片不会显示。

(/@Ta/2021-06-09 18:26/样/源)
17. 这是第一个方案，如果实在不行，还有另外一个方案
就是弃用markdown，但要增加more折叠标签，

不知道哪一个工程量比较大？
(/@Ta/2021-06-09 18:28/样/源)
18. 我想想我怎么用一句话说清楚？
-------------------

就是我不得不放弃使用markdown，必须只能使用html
所以想找，能代替markdown的一个more折叠标签
(/@Ta/2021-06-09 18:28/样/源)
19. 求助，请问，你好，
我这边使用的是typecho博客。
可否有某个html标签替代Typecho自带的Markdown编辑器的 ---more--- 折叠标签啊？

主要是因为Fedora34不支持markdown，无法安装Typora，所以只好使用html来写typecho文章了

---如果上面看懂了，不用往下看---

是这样子的，那说来话长，我简单说下
------------------------
因为typecho自带markdown的写文章里面放图片的时候，鼠标放到图片上鼠标不变形，浏览器左下角不显示图片地址。所以决定弃用markdown。
---------------------------
但我知道这不是markdown的原因，因为同样的文章，我碰到另外一个博客程序上面就可以。
-----------------------------
但是我又解决不了这个问题。
所以才打算在typecho上弃用markdown。
------------
然后又因为弃用Markdown了，就只好用Html，原生自带的more折叠标签就用不了了，所以必须得找替代品了。
(/@Ta/2021-06-09 18:32/样/源)
20.

标题1

标题2

标题3

标题4

标题5
标题6

表情：

加粗 斜体 删除线

水平线

引用

  • 无
  • 序
  • 列
  • 表
  1. 有
  2. 序
  3. 列
  4. 表
标 题
表 格
(/@Ta/2021-06-18 18:00/样/源)
回复需要登录。

9月7日 09:12 星期天

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1