如何通过jquery正式段落文本
How to formal paragraph text via jquery?
我正在尝试创建一个语法突出显示器,用于查看代码并为某些关键字添加粗体。 我试图用<b> keyword </b>
替换给定的关键字,但<b>
标签实际上在段落中可见。 如何实际设置文本格式? 这是我的代码。
var textbox = $("#textbox")
var code = $("#code")
var patterns = {
"<b> </b>": ["local", "function"]
}
function format(text) {
for (var pattern in patterns) {
for (var keyword in pattern) {
text = text.replace(patterns[pattern][keyword], pattern.replace(" ", patterns[pattern][keyword]))
}
}
return text
}
textbox.change(function() {
code.text(format(textbox.val()))
})
您的问题是您正在使用text()
方法,该方法也将任何html实体视为文本。
请改用html()
,因为您要包含 html 标记
textbox.change(function() {
code.html(format(textbox.val()))
})
相关文章:
- Javascript-在文本区域中断,但不在段落中中断
- 可以't通过DOM更改javascript中的段落文本
- 无法使用jquery克隆没有文本的段落
- 使用XML将头文本、段落文本和按钮和每个图像绑定
- 获取元素中的段落文本
- 使用 JavaScript 将文本框的内容作为段落文本动态插入
- 为段落文本的一部分分配 ID
- 如何通过jquery正式段落文本
- 按钮应该在基于 JavaScript 代码单击时更改段落
文本,但它不会更改文本
- 在页面加载时使用javascript设置段落文本
- 将段落文本设置为 JSON 数据结果
- 如何在单击列表项时更改段落文本
- 单击图像时更改段落文本(Javascript)
- 根据下拉菜单中的选择来改变段落文本——Angular
- 仅在段落文本中隐藏字母
- chrome MutationObserver的新段落文本
- 使用来自多个输入的数据更改段落文本
- 如何在Javascript中更改段落文本?(使用单选按钮的值).(onclick事件可能没有触发)
- 获取指定段落内的段落文本
- Flexslider-如何使用单个方向Nav使两个滑块一起工作(图像和段落文本)