收藏
回答

小程序富文本实现方案?



有一个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呢?


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




最后一次编辑于  2018-07-11
回答关注问题邀请回答
收藏

1 个回答

  • 2018-07-17

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

    2018-07-17
    有用
    回复 4
    • 2018-07-17

      我使用web-view加载了一个网页,网页里面实现了富文本

      2018-07-17
      回复
    • 小披风🎏
      小披风🎏
      2018-07-28回复

      你好请问你用的是那个富文本插件?

      2018-07-28
      回复
    • 2018-07-30回复小披风🎏

      弄了个网页,里面放了ueditor

      2018-07-30
      回复
    • ʚɞflyʚɞ
      ʚɞflyʚɞ
      2020-11-04回复
      我们也是在网页放webview ,产品想做弹起键盘的时候,编辑栏跟随弹起,并在键盘上面,但我一直搜都是拿不到键盘高度,请问你们怎么处理的编辑栏啊?
      2020-11-04
      回复
登录 后发表内容