#聊一聊悟空编辑器# WuKong，让我们编辑文章更便捷！
Posted breeze_yyds
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了#聊一聊悟空编辑器# WuKong，让我们编辑文章更便捷！相关的知识，希望对你有一定的参考价值。
今天看到51的WuKong编辑器重新改版发布了，于是过来试了一下，顺便记录下我使用的过程中的感受，
首先写几个标题来实验
标题一
标题二
副标题一
副标题二
体验还不错，可以快速了解博文的结构，大大提高了我们的阅读效率，同时帮助我们心中有了结构，更便捷的写作。但是一级没有，有点失落，
接下来就是我们程序员更为关注的代码片段的展示方式，
代码块
class TextContainer extends StatelessWidget {
final Function onChanged;
final String hintText;
final int maxLines;
TextContainer({
Key key,
this.onChanged,
this.hintText,
this.maxLines = 1,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return TextField(
cursorColor: Colors.pink,
maxLines: maxLines,
onChanged: this.onChanged,
decoration: InputDecoration(
hintText: this.hintText,
hintStyle: TextStyle(color: Colors.grey, fontSize: 12),
),
);
}
}
发现有点遗憾，目前主流语言都做了支持，但是dart语言和kotlin为什么没有支持呢？希望可以改进一下，毕竟现在flutter还是比较火的，kotlin也将会在一定程度代替java。
快捷键
快捷键我使用了一下还蛮不错，点个赞！尤其ctrl+/
可以选择不同的编辑状态。
我在截图保存又发现一个彩蛋
关于图片编辑
图片再编辑：鼠标拖动图片任意一角，可滑块控制图片放大缩小效果，还可以定量调节图片的长宽。
用过这么多编辑器，今天对于wukong的体验总体还不错，
最后提一句，
建议
1.建议123456都加上
2.字体默认18px会好看点，
这是16px
这是18px
这是24px
3.建议多个主题模板可以供博主选择
4.代码高亮（样式丑，支持语言太少）
5.从typora复制过来的图片不显示
我的图片在阿里的oss
6.超链接有两个链接符号，
7.代码块复制过来会成一行一行，而不再是代码块也就是8的情况。
8.我从typora直接复制代码过来不支持，需要切换到源代码模式复制才可以
源代码模式下
接着，打开home.js，代码修改如下。
Page({
data: { items: [] },
onLoad() {
const that = this;
wx.request({
url: \'http://localhost:3000/items\',
success(res) {
that.setData({ items: res.data });
}
});
}
});
上面代码中，生命周期方法onLoad()会在页面加载后自动执行，这时就会执行wx.request()方法去请求远程数据。如果请求成功，就会执行回调函数succcess()，更新页面全局变量items，从而让远程数据显示在页面上。
markdown格式下
接着，打开`home.js`，代码修改如下。
```js
Page({
data: { items: [] },
onLoad() {
const that = this;
wx.request({
url: \'http://localhost:3000/items\',
success(res) {
that.setData({ items: res.data });
}
});
}
});
```
上面代码中，生命周期方法`onLoad()`会在页面加载后自动执行，这时就会执行`wx.request()`方法去请求远程数据。如果请求成功，就会执行回调函数`succcess()`，更新页面全局变量`items`，从而让远程数据显示在页面上。
原文
复制过来
接着，打开home.js，代码修改如下。
Page({data: { items: [] },onLoad() {const that = this;
wx.request({url: \'http://localhost:3000/items\',
success(res) {that.setData({ items: res.data });}
});
}
});
上面代码中，生命周期方法onLoad()会在页面加载后自动执行，这时就会执行wx.request()方法去请求远程数据。如果请求成功，就会执行回调函数succcess()，更新页面全局变量items，从而让远程数据显示在页面上。
表扬
1.ctrl+/ 状态设置完美
2.图片再编辑，
3.工具栏这儿的其他细节
大家有其他的建议，可以在这儿留言，让我们一起把wukong变得更好！
最后的最后希望更多博主入驻，愿wukong的明天更好。青春wukong，未来可期！
以上是关于#聊一聊悟空编辑器# WuKong，让我们编辑文章更便捷！的主要内容，如果未能解决你的问题，请参考以下文章