使用 data-id 复制 TinyMCE 的内容
Posted
技术标签:
【中文标题】使用 data-id 复制 TinyMCE 的内容【英文标题】：Copy content of TinyMCE using data-id 【发布时间】：2020-07-15 07:39:27 【问题描述】：我有一个 TinyMCE 的 Wordpress UserFrontend Pro 实现，其中 html 是：
<body id="tinymce" class="mce-content-body post_content_442 post-type-page post-status-publish page-template-default locale-en-us mceContentBody webkit wp-editor html5-captions" data-id="post_content_442" contenteditable="true"><p>The text that I want to copy</p></body>
我正在尝试复制ie里面的内容：
<p>The text that I want to copy</p>
在这种情况下。
我尝试过使用
$('[data-id="post_content_442"]')
但这会打印出整个 HTML 本身。
如何仅打印带有 html 格式的输入文本？谢谢。
【问题讨论】：
【参考方案1】：$('[data-id="post_content_442"] p').text();
【讨论】：
不幸的是，这只给出了一个空白文本【参考方案2】：问题在于输入位于 ID 为 post_content_442_ifr 的 iframe 内。所以
$jq2("#post_content_442_ifr").contents().find("#tinymce").html();
允许我选择所需的文本。
谢谢。
【讨论】：
以上是关于使用 data-id 复制 TinyMCE 的内容的主要内容，如果未能解决你的问题，请参考以下文章