小程序富文本实现方案?
发布于 6 年前 作者 juan79 3117 次浏览 来自 问答

有一个Web端的后台管理,需要实现一个小程序版本的后台管理,什么问题都解决了,就是富文本有点麻

烦,因为Web端后台管理本身好多增删改表单都是带富文本编辑器的,使用的是百度的ueditor。

  搜了一下好像并没有现成的小程序富文本编辑器,实现起来也麻烦(毕竟MVVM结构,侵入性太强了,而且小程序本身性能是个问题),唯一找到了一个叫wxParse的东西,但是只是把html内容转换成小程序可以看的,并不是编辑器,除非我们上面弄个textarea下面用wxParse实时展示,但是我们不可能让用户写html代码吧,就算加入了一些代码插入按钮,用户在textarea中看见的也是这些代码,不是特别友好。

  后面想了一个方法,使用web-view调用一个网页,网页中有一个富文本编辑器,一开始想的是把web-view嵌入到小程序表单中,但是后面看了文档发现web-view是铺满整个页面的,后面妥协了一下,单独弄个小程序页面作为公用的富文本编辑页面,里面加载我们带有富文本的网页,这个时候富文本编辑器就能用网页版的了,网页版实现富文本相对于小程序就容易多了。我们在小程序表单中有富文本的位置,放一个按钮叫做“编辑内容”,点击之后跳转到小程序富文本web-view的页面中,然后再页面中编辑好之后,带着内容返回到表单页面。

  问题就在于如何传递值,首先是把原来的值传递到富文本界面,一般传递值是在小程序的页面路径后面加参数,但是因为富文本内容本身特别长,不知道小程序有没有限制,如果有限制的话,我可以使用storage存储后再新页面读取,这个问题不大。然后我在网页中吧内容编辑好之后 用postMessage吧内容传到富文本小程序页面。然后再用storage方案传递回表单界面,这也不是大问题。

重点在于,我从小程序表单界面把富文本内容传递到了小程序富文本界面之后,如何在这个小程序富文本页面中把值传递到web-view中的网页呢?在连接后面加参数,依旧存在富文本内容过长的问题。这是一个大问题,目前我没有找到相关的Api,web-view中的网页里面能不能获取到小程序存储的storage呢?

唯一想到的就是借助服务器端去实现,但是这样会增加服务器本身的压力。有什么更好的解决方案吗?

1 回复

请问问题解决了吗,我也碰到了这个问题,无法解决

回到顶部