富文本组件的实践
收费的阳光
2021.08.26 21:01发布于通用
9123
富文本编辑器,结合其他的组件,就变得很优雅

有同学提到,富文本怎么才好玩?

展示效果

在编辑的界面上,可以使用rich text进行编辑:

richtext编辑器.png

编辑完成之后,我们采用其他的组件来显示

customstring展示效果.png

 

富文本组件的使用:

富文本编辑器,在Mendix中自带了两个比较好的组件

https://marketplace.mendix.com/link/component/117840   by Siemens,社区维护

https://marketplace.mendix.com/link/component/74889 by Mendix,平台维护

https://marketplace.mendix.com/link/component/902 

Bootstrap Wysiwyg Editor 组件在2018之后没有再维护,而上述两个持续保持更新;

 

用法都很简单,就是绑定一个string类型的字段,保存之后文本以html的方式保存为string;

 

有同学在问,如果我只要显示的话呢?采用rich text也可以显示,把组件的editable属性改为Never就可以禁用编辑,但是其实并不是那么友好;有没有其他办法?有的,既然rich text也只是一个html文本,那么我们可以采用一些html的render,把这个字符串渲染出来不就OK了嘛?

打开marketplace,一顿操作之后发现正儿八经的render都不是干这事的,但是我们有一个更简单的组件CustomString

customstring.png

把组件拖出来,在rich text的context中,我们可以使用customString组件,打开组件的属性,他接受一个Microflow做数据源

customstring使用方法.png

 

而我们的微流,因为在rich text的上下文中,返回rich text中的这个保存html 字符串的string字段即可。

customstring微流.png

 

欢迎大家提问和交流~

 

红猪、作者在、yd、小晴天、小艺001
点赞
收藏
手机查看
举报
3个评论
倒序看帖
仅看楼主
    乐乐
    2021.10.07 20:02 发布
    #1
    云龙你好 现在碰到一个问题 想要富文本框设置样式 ,保存在数据库中,在某个特定的页面去显示这个样式。但是又需要在data grid中显示,然而显示的是HTML的形式,这个问题怎么解决呢
    首赞
    评论
    举报
    收费的阳光
    评论
    乐乐
    2021.10.07 20:07 发布
    作者

    富文本本身保存的时候带着HTML的格式,你如果考虑使用data grid2,然后在需要展示内容的colum中使用像文中提到的custom String的组件呢,能否达到目的?

    直接显示肯定都会有各种标签,我也还没有研究过其他的方法。

    首赞
    评论
    举报
    乐乐
    评论
    收费的阳光
    2021.10.09 10:59 发布
    好的
    首赞
    评论
    举报