更新于2021年11月2日19:05(缺点第15条瞄点设置跳转不到索引处)

更新于2021年10月29日20:55(缺点第14条)

更新于2021年10月25日17:55(缺点第13条)

更新于2021年10月24日10:24(缺点第12条)

更新于2021年10月22日8:07(优点第5.6条)

更新于2021年10月21日20:45(缺点第11条)

更新于2021年10月21日19:45(缺点第10条)

更新于2021年10月21日19:32(优点第3条)

更新于2021年10月21日19:24(缺点第九条)

今天看到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,让我们编辑文章更便捷!_编辑器

可以选择不同的编辑状态。

我在截图保存又发现一个彩蛋

关于图片编辑

图片再编辑:鼠标拖动图片任意一角,可滑块控制图片放大缩小效果,还可以定量调节图片的长宽。

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_02

用过这么多编辑器,今天对于wukong的体验总体还不错,

最后提一句,


建议

1.建议123456都加上


#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_03

2.字体默认18px会好看点,

这是16px

这是18px

这是24px

3.建议多个主题模板可以供博主选择

4.代码高亮(样式丑,支持语言太少)

5.从typora复制过来的图片不显示

我的图片在阿里的oss

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_04

6.超链接有两个链接符号,

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_05

7.代码块复制过来会成一行一行,而不再是代码块也就是8的情况。

8.代码块的样式,没有 Markdown 编辑器下的美观

wukong要做的是兼容它,超越他

9.发现一个问题

我在markdown语法下写的

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_编辑器_06

复制过来就是下面的样式

10.表格不支持居中对齐

具体在我写表扬四的时候出现了问题。

11.题目不支持特殊字符

编辑时

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_07

显示时

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_08

12.目前暂不支持脑图,流程图

不过官方大大已经回复我了,后面会慢慢加上的,大家与我一起期待吧。

13.希望typora复制过来的完全兼容wukong,毕竟kanhaowukong的其他功能。

每个博主写文章肯定都是要备份的,我也一样,都是51发一份,github存一份,

但是typora写完复制过来只能在markdown里用。悟空里用不了,

所以我现在采取的路线是悟空写完,复制到typora里,

UI与之后的多主题可以参考

​​​https://www.mdnice.com/​

功能可以参考

​​​https://typora.io/​

14.行内代码块

typora的操作方式 `` 即可

悟空 ​​哈哈​​ `` 敲完之后还要空格确认一下

与之类似的就是图片的外链方式

15.瞄点设置跳转不到索引处,

我的需求是我要在文章内跳转到下面对两个名词的介绍,却发现设置了锚点,跳转不到指定地方,显示这个

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_09#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_10


#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_编辑器_11#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_12


16.我从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`,从而让远程数据显示在页面上。

原文

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_wukong_13

复制过来

接着,打开​​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+/ 状态设置完美

#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_编辑器_14

2.表格+状态好好,很醒目


1

2

3

4

5

6

7



码农

管理








学习









知识








3.图片再编辑,


4.工具栏这儿的其他细节#聊一聊悟空编辑器# WuKong,让我们编辑文章更便捷!_编辑器_15

5.敏感词检测

悟空编辑器发布文章时,提示包含敏感词的具体内容,超级实用。这样就不会因为文章违规而被误删了,真是为博主考虑。


6.文章设置


文章设置环节放在最后,这个idea很棒。作为博主创作期间,确实开始都是文思泉涌的时候,很难关注这些,只有真正确定发布的时候才会关心和考虑。


总结



功能

体验

总分

总结

🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡

🧡🧡🧡🧡🧡🧡🧡🧡🧡

🧡🧡🧡🧡🧡🧡🧡🧡🧡

支持的功能点多,亮点有,缺点也有,但响应快,对提出的意见都能记录,并表示在后面可以修改。



大家有其他的建议,可以在这儿留言,让我们一起把wukong变得更好!

最后的最后希望更多博主入驻,愿wukong的明天更好。青春wukong,未来可期!