Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
linxiaowang opened this issue Mar 8, 2023 · 2 comments
Open

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

linxiaowang opened this issue Mar 8, 2023 · 2 comments

Comments

@linxiaowang
Copy link

linxiaowang commented Mar 8, 2023

看编辑器中渲染出的节点,似乎没有特殊的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 #7 (comment)

@linxiaowang linxiaowang changed the title 修改渲染到编辑器内的mention内容 如何修改渲染到编辑器内的mention内容 Mar 8, 2023
@xbzhang2020
Copy link

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

@luft-mensch
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants