使用TinyMCE的锚标签跳转功能无法使用动态内容

时间:2018-05-14 15:13:45

标签: angularjs tinymce-4

我正在使用TinyMCE编辑器管理CMS应用程序中的内容,该应用程序在发布时显示在另一个angularjs SPA应用程序中。数据保存在后端sql server数据库中。

内容中包含一些动态数据,其中包含语句开头的项目符号中的超链接,单击时应转到语句的各个部分。

例如:

  • 测试1
  • 测试2

测试1 ....

测试2 ....

我尝试使用以下标记的每个项目符号的锚标记来处理它:

<ul style="padding-left: 80px; color: #00ccff;">
    <li><a href="#test1"><strong><span style="color: #00ccff;"> Test 1</span></strong></a></li>
    <li><a href="#test2"><strong><span style="color: #00ccff;"> Test 2</span></strong></a></li>
    <li><a href="#test3"><strong><span style="color: #00ccff;"> Test 3</span></strong></a></li>
    <li><a href="#test4"><strong><span style="color: #00ccff;"> Test 4</span></strong></a></li>
    <li><a href="#test5"><strong><span style="color: #00ccff;"> Test 5</span></strong></a></li>
    <li><a href="#test6"><strong><span style="color: #00ccff;"> Test 6</span></strong></a></li>
</ul>

<h3 id="test1">Test 1</h3>
<h3 id="test2">Test 2</h3>
<h3 id="test3">Test 3</h3>
<h3 id="test4">Test 4</h3>
<h3 id="test5">Test 5</h3>
<h3 id="test6">Test 6</h3>

页面呈现并单击带有文本的第一个项目符号点:测试1,它跳转到具有文本测试1的h3标记的位置。通过此更改,URL附加了#test1。 在随后的点击中,跳转功能永远不会有效 任何人都可以帮我解决这个问题吗?

0 个答案:

没有答案