#聊一聊悟空编辑器# WuKong，让我们编辑文章更便捷！ _悟空

著论准过秦，作赋拟子虚。这篇文章主要讲述#聊一聊悟空编辑器# 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，让我们编辑文章更便捷！】