Hover an advanced mention in Summernote to show its target entity’s name in a tooltip.
当前为
This Kanka script adds a tooltip to all advanced mentions in Summernote’s visual editor that shows the linked entity’s name on hover. This way, you don’t have to go back and view the entity to figure out what each mention points to. This script runs only once when the editor is loaded, so changes will not be reflected and new mentions won’t get a tooltip immediately. If there is demand, I may add a toolbar button to regenerate the tooltips during an editing session.
Note that this feature does not "work" in the code view as that editor contains only plain text and a tooltip cannot be attached to an arbitrary part of the text, however you will see a dfn tag around your mentions, like so:
<dfn entity-id="494047" title="Ragnar Lokra">[character:494047]</dfn>
You can therefore refer to the title attribute to find the target entity’s name. (Since <dfn> is not whitelisted on Kanka, those tags will not be saved when the form is submitted and you don’t have to worry about it affecting your entities.)
If you wish to style the mentions differently (this script underlines them with a dotted line by default), you can use the following CSS selector:
.note-editable dfn {}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址
