1.7 KiB
1.7 KiB
短图文
图文微博编辑器
相比较长文,依然有很多短图文平台,比如
-
微博/小红书
-
微信:问一问/小绿书/朋友圈
-
头条/抖音/B乎...
-
海外的X/reddit/instagram/facebook
-
以及各个评论区
它们统一的特点是,会格式化html标签,确保只有纯文本
但是emoji和特殊符号本身也是纯文本的一种
emoji的优点:
-
有颜色
-
具象化表达事物
emoji编辑器
使用
electron跨端框架开发
核心效果:
-
使用markdown语法,自动转换成emoji标准格式
-
自定义样式
后续计划
- 传统编辑器,自动转换emoji格式
使用的库:
markedjs
markedjs会将标准的md语法,进行渲染,它也支持自定义格式,以及新增自定义语法
开发原理
重写markedjs的
renderer
由于我们支持定义markdown的输出格式,而没有重新定义markdown语法
所以,只需要修改renderer函数的返回值即可
比如分隔符
// 分隔符
renderer.hr = function () {
return '<hr>\n';
};
修改成:
renderer.hr = function () {
return '➖➖➖➖➖\n';
};
核心框架
-
electron桌面软件跨端框架
-
ant design : UI框架
-
react: js开发框架
效果
微信问一问
小绿书
最后
后台回复: 编辑器 ,可获取下载地址