首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TinyMCE 6 execCommand 'mceInsertContent‘从插入的内容中删除<a href>

TinyMCE 6 execCommand 'mceInsertContent‘从插入的内容中删除<a href>
EN

Stack Overflow用户
提问于 2022-08-26 08:51:02
回答 1查看 126关注 0票数 0

我为tinymce 6定制的插件插入html内容如下:

代码语言:javascript
运行
复制
tinyMCE.activeEditor.execCommand('mceInsertContent', false, '<div id="container"><a href="/"><div id="inner">hi</div></a></div>');

但是,插入的内容最后如下:

代码语言:javascript
运行
复制
tinyMCE.activeEditor.execCommand('mceInsertContent', false, '<div id="container"><div id="inner">hi</div></div>');

这是怎么回事?

它与有效元素有关吗?

我的配置包括:

代码语言:javascript
运行
复制
valid_elements: '+*[*]',
extended_valid_elements: 'a[href|target=_blank|class]'
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-08-26 18:07:11

默认情况下,TinyMCE不支持基于块的锚点,例如<a>标记中的<div>。说明:https://github.com/tinymce/tinymce/issues/3142#issuecomment-241976643

可能的解决办法:

使用内联元素,如<span>,而不是<div>

代码语言:javascript
运行
复制
<div id="container"><a href="/"><span id="inner">hi</span></a></div>

使用辅助valid_children将您想要的元素添加到锚元素中。这里有一个演示如何做到这一点的小提琴:高级https://fiddle.tiny.cloud/Lkiaab(某些东西可能不像预期的那样工作,例如通过链接插件编辑链接)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73498418

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档