- editor-portal插入自定义块无法与普通文本同行显示?
## 需求 我需要在editor组件输入普通文本,并且可以在普通文本后面插入一个自定义块(带样式的),如插入一个标签 `风景` 与普通文本同行显示,并且插入自定义块后,自定义块后面仍然可以继续输入文本(即可同行输入或者换行输入) ## 代码 <template> <editor id="scriptEditor" class="script-editor" placeholder="请输入自定义文本内容" @ready="onEditorReady" @statuschange="onStatusChange" @focus="onEditorFocus"> <template v-for="block in state.customBlockList" :key="block.blockId"> <template> <editor-portal class="custom-node" :key="block.blockId"> <text class="break-node">{{ block.text}}</text> </editor-portal> </template> </template> </editor> <button @click="insertCustomBlock" type="primary">插入自定义块</button> <button @click="getEditorContent" type="primary">获取自定义内容</button> </template> function insertCustomBlock() { ;(editorContext.value as any)?.insertCustomBlock({ nowrap: true, success(res: any) { state.customBlockList.push({ blockId: res.blockId, text: '风景' }) } }); } ## 效果 [图片] 如图效果并不能将自定义块与普通文本同行显示,并且自定义块前后不能继续输入文本
08-27 - editor-portal 自定义块和普通文本不同行显示问题?
editor-portal使用insertCustomBlock插入自定义块时设置了nowrap: true自定义块还是换行了,怎么让自定义块跟普通文本同行 插入自定义块 function insertCustomBlock() { editorContext.value?.insertCustomBlock({ nowrap: true, success(res) { state.customBlockList.push({ blockId: res.blockId }) } }) } }[图片]
08-25