search

wangeditor-team / wangEditor-plugin-mention

wangEditor mention plugin
https://www.wangeditor.com/
MIT License
31 stars 7 forks source link

如何修改渲染到编辑器内的mention内容 #11

Open linxiaowang opened 1 year ago

linxiaowang commented 1 year ago

看编辑器中渲染出的节点，似乎没有特殊的mention标识用以支持设置特定的css

<span id="w-e-element-86" data-slate-node="element" data-slate-inline="true" data-slate-void="true" style="position: relative;">
<span contenteditable="false" style="margin-left: 3px; margin-right: 3px; background-color: var(--w-e-textarea-slight-bg-color); border: 2px solid transparent; border-radius: 3px; padding: 0px 3px;">@蔡峰</span>
<span data-slate-spacer="true" style="height: 0px; color: transparent; outline: none; position: absolute;">
<span id="w-e-text-87" data-slate-node="text"><span data-slate-leaf="true"><span data-slate-zero-width="z">&#xFEFF;</span></span>
</span>
  </span>
</span>

Originally posted by @wangfupeng1988 in https://github.com/wangeditor-team/wangEditor-plugin-mention/issues/7#issuecomment-1210038322

xbzhang2020 commented 1 year ago

同问，请问解决了吗，怎么解决的。目前 mention 的节点渲染后没有特殊标识，无法覆盖样式。

luft-mensch commented 11 months ago

/deep/ .w-e-scroll > div > p > span > span[contenteditable]{ background-color: #409EFF !important; }