如何在不激活codeview模式的情况下禁用summernote的丰富文本?

时间:2019-03-18 20:47:24

标签: javascript jquery summernote

下午好。我想获得带有HTML标签的文本字符串会发生什么,但是summernote会解释它们并显示富文本,而我想要的是显示带有标签的文本,但是我没有成功:

var content = '<b>Content</b> and <b>tags</b> and <i>HTML</i>';

//I have tried this:
$('#summernote').summernote('code',content);
$('#summernote').val(content);

但是结果是这样的:内容标签以及 HTML

我想要的是复制并粘贴包含HTML标签的文本,但是我不希望summernote解释这些标签。我想要的是用户在粘贴文本时可以看到标签,而无需激活“代码视图”模式

var content = '<b>Content</b> and <b>tags</b> and <i>HTML</i>';

//Initialize the summernote
$('#summernote').summernote({
  height: 200
});

$('#summernote').summernote('code',content);
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-bs4.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-bs4.js"></script>

<div id="summernote">

</div>

1 个答案:

答案 0 :(得分:0)

早上好,我设法解决了这个问题。

我的目标是,在从外部源(单词)粘贴HTML内容时,Summernote不会解释标签,如果能显示一个字符串向我显示标签的话。

类似这样的东西:

“带有 HTML hide 标签的文本” ==>”

带有 HTML hide 的文本>标签


解决方案是:

  1. 获取复制并粘贴的内容

    data = ''
    header = ("'POLYHEDRALSURFACE(")
    for i in range(len(tri)):
    # for i in range(0,2):
        x1 = (tri[i][0]) # 3
        y1 = (tri[i][1]) # 44
        z1 = (tri[i][2]) # 1
        coords1 = verts[x1][0]
        coords2 = verts[x1][1]
        coords3 = verts[x1][2]
    
        coords4 = verts[y1][0]
        coords5 = verts[y1][1]
        coords6 = verts[y1][2]
    
        coords7 = verts[z1][0]
        coords8 = verts[z1][1]
        coords9 = verts[z1][2]
    
        data += "((%s %s %s, %s %s %s, %s %s %s, %s %s %s))," % \
            (
            coords1, coords2, coords3,
            coords4, coords5, coords6,
            coords7, coords8, coords9,
            coords1, coords2, coords3
            )
    data = data[:-1]
    
  2. 将符号( << / strong>和> )替换为(&lt ;和&gt; >)

    let contentPasted = $('#summernote').summernote('code');
    

有了这个,就足以不解释HTML代码:

enter image description here

enter image description here