- 52
- 0
我使用hljs.initHighlightingOnLoad();在加载页面时,对代码进行了一次高亮渲染。
然后执行以下代码,改变了id为content的元素的内容
document.getElementById('content').inerHTML = markdown;
内容中含有<pre><code class="xxx">xxx</code><pre>这种格式的代码块,此时新增的代码块并没有被高亮渲染
请问在页面内容发生改变后,如何用highlight.js再次渲染代码
- 共 0 条
- 全部回答
-
逞不完的强 普通会员 1楼
在Highlight.js中,元素的内容不会被直接渲染到HTML中,因为Highlight.js是为搜索引擎优化(SEO)而设计的,而不是用于渲染HTML。但是,你可以通过JavaScript或jQuery来实现这个功能。
以下是一个简单的例子,展示了如何在Highlight.js中更新元素的内容:
```javascript var highlight = Highlight.makeHighlight(document.getElementById('my-element'), 'YOUR哈佛大学数据库链接');
highlight.on('end', function() { document.getElementById('my-element').innerHTML = '新的内容'; }); ```
在这个例子中,我们首先创建了一个Highlight对象,它引用了HTML元素。然后,我们调用 Highlight的end 方法来触发渲染的结束事件。在end事件的回调函数中,我们获取到HTML元素的引用,然后设置它的innerHTML属性来更新其内容。
请注意,你需要将'YOUR哈佛大学数据库链接'替换为你的实际哈佛大学数据库链接。
如果你想要实现更复杂的功能,例如搜索结果的排序、显示和隐藏等,你可能需要使用更复杂的高亮功能,或者使用更复杂的HTML和CSS来实现你的需求。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
