请问你在使用removeFormat的时候有出现清除无效的问题吗? [代码]this[代码][代码].editorCtx.removeFormat({[代码][代码] [代码][代码]success:(res)=>{[代码][代码] [代码][代码]console.log(res);[代码][代码] [代码][代码]}[代码][代码]})[代码] 我这样使用会返回成功的提示,但是富文本编辑器中还是原来设置的样式。怀疑人生中,,,
富文本组件在调用removeFormat能否不失去焦点- 需求的场景描述(希望解决的问题) 使用富文本组件(editor)实现类似微博编辑器的功能,包括 话题功能 ,@好友功能 - 希望提供的能力 1.editorContext的api都会导致editor失去焦点,但是有的时候不希望失去焦点。 比如用户在删除文字时,删除到了一个 @好友 上,预期操作是把 @好友 作为一个整体删掉,或者把原本 @好友 的高亮去掉。 这时候可能会调用 editorContext.removeFormat 或者 editorContext.setContents 接口,这时候是不应该失去焦点的。
2019-09-25找到解决方案了,在插入目标文字之前先插入 [代码] this[代码][代码].editorCtx.insertText({ text: [代码][代码]'\n'[代码] [代码]});[代码]可以实现换行
富文本编辑器如何插入一段文字并自动换行?如题 需要点击后自动在富文本编辑器中添加一段h2的标题,但是发现小程序editor api只有插入图片和分割线,我尝试了先format 成H2,再插入文字,代码如下 [代码]this[代码][代码].editorCtx.format([代码][代码]'header'[代码][代码], [代码][代码]'H2'[代码][代码]);[代码][代码]this[代码][代码].editorCtx.insertText({ text: [代码][代码]'这是一段二级标题'[代码][代码]});[代码][代码]this[代码][代码].editorCtx.removeFormat()[代码]发现如果在format之前没有手动换行的话,format会连同之前的内容一起修改掉样式。 尝试在插入文字之前添加分割线,可以正确实现换行。代码如下 [代码]this[代码][代码].editorCtx.insertDivider()[代码][代码]this[代码][代码].editorCtx.insertText({ text: [代码][代码]'测试'[代码] [代码]});[代码][代码]this[代码][代码].editorCtx.format([代码][代码]'header'[代码][代码], [代码][代码]'H2'[代码][代码]);[代码]但是需求设计上没有分割线,只有一些间距,所以我又尝试了在插入文字之前先插入一张图片,然后把图片的透明度设置成0,高度设置成1, 代码如下 [代码]this[代码][代码].editorCtx.insertImage({[代码][代码] [代码][代码]src: ‘xxx',[代码][代码] [代码][代码]mode: [代码][代码]'aspectFit'[代码][代码],[代码][代码] [代码] [代码] [代码][代码]extClass: [代码][代码]'strategy-image'[代码] [代码]});[代码][代码]this[代码][代码].editorCtx.format([代码][代码]'header'[代码][代码], [代码][代码]'H2'[代码][代码]);[代码][代码]this[代码][代码].editorCtx.insertText({ text: ‘这是一段标题’) });[代码][代码]this[代码][代码].editorCtx.removeFormat()[代码]发现就算是之前的内容换行了,也会被新的样式覆盖掉,这是为什么呢? 要怎么才能实现换行插入文字呢???
2019-09-25楼主这个问题解决了吗?我也遇到了同样的问题。。。
movable-view 组件 disable 机制问题我想实现图片的拖拽排序,效果是:初始时图片不可被拖动,长按图片后图片会变大一些,并且可拖动,松手后又不可拖动(就像发朋友圈)。 为达到该效果,我把 movable-view 的 disabled 属性初始化为 true,在 longpress 事件中,再赋值为 false 然后我发现在第一次 longpress 中设置 disabled 属性,并不能让 movable-view 可拖动,而是必须要先松手,再去尝试拖动,此时 movable-view 才可被拖动。 预期效果希望能够在 disabled 为 true 的 movable-view 组件中,使用 longpress 事件修改 disabled 时能够立即生效。 代码片段 js [代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]width: 100,[代码][代码] [代码][代码]height: 100,[代码][代码] [代码][代码]disabled: [代码][代码]true[代码][代码],[代码][代码] [代码][代码]top: 0,[代码][代码] [代码][代码]left: 0[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]long: [代码][代码]function[代码][代码](e) {[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]width: 110,[代码][代码] [代码][代码]height: 110,[代码][代码] [代码][代码]disabled: [代码][代码]false[代码][代码],[代码][代码] [代码][代码]top: -5,[代码][代码] [代码][代码]left: -5[代码][代码] [代码][代码]});[代码][代码] [代码][代码]},[代码][代码] [代码][代码]end: [代码][代码]function[代码][代码](e) {[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]width: 100,[代码][代码] [代码][代码]height: 100,[代码][代码] [代码][代码]top: 0,[代码][代码] [代码][代码]left: 0[代码][代码] [代码][代码]});[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onChange: [代码][代码]function[代码][代码](e) {[代码][代码] [代码][代码]}[代码][代码]})[代码] wxml [代码]<[代码][代码]movable-area[代码] [代码]style[代码][代码]=[代码][代码]"height: 200px; width: 200px; background: darkgreen;"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]movable-view[代码][代码] [代码][代码]style[代码][代码]=[代码][代码]"height: {{height}}px; width: {{width}}px; background: white; top: {{top}}px; left: {{left}}px; transition: width .2s linear, height .2s linear, top .2s linear, left .2s linear;"[代码][代码] [代码][代码]x[代码][代码]=[代码][代码]"50"[代码][代码] [代码][代码]y[代码][代码]=[代码][代码]"50"[代码][代码] [代码][代码]direction[代码][代码]=[代码][代码]"all"[代码][代码] [代码][代码]out-of-bounds[代码][代码]=[代码][代码]"true"[代码][代码] [代码][代码]disabled[代码][代码]=[代码][代码]"{{disabled}}"[代码][代码] [代码][代码]catch:longpress[代码][代码]=[代码][代码]"long"[代码][代码] [代码][代码]catch:touchend[代码][代码]=[代码][代码]"end"[代码][代码] [代码][代码]bindchange[代码][代码]=[代码][代码]"onChange"[代码][代码] [代码][代码]></[代码][代码]movable-view[代码][代码]>[代码][代码]</[代码][代码]movable-area[代码][代码]>[代码]
2018-11-29