TinyMCE 4.2生成无效列表HTML标记

时间:2015-10-13 08:20:26

标签: jquery html tinymce tinymce-4

许多旧版本都有损坏的li标记,但我在最新版本4.2中也遇到了问题。我也尝试过4.0版,但生成了相同的错误HTML

这部分: enter image description here

生成这个:

<div>
    <p>List<br><br>
    </p>
    <br>
    <ul><br>
        <li>List 1</li>
        <br>
        <li>List 2</li>
        <br>
        <li>List 3</li>
        <br>
    </ul>
    <br>
    <p>&nbsp;</p>
    <div></div>
</div>

每当再次更新完全相同的textarea时,它将生成:

<div><p>List</p><br>
    <p><br><br></p><br>
        <ul><br>
        <ul><br>
            <li>List 1</li><br>
        </ul><br>
        </ul><br>
            <p>&nbsp;</p><br>
        <ul><br>
        <ul><br>
            <li>List 2</li><br>
        </ul><br>
        </ul><br>
            <p>&nbsp;</p><br>
        <ul><br>
        <ul><br>
             <li>List 3</li><br>
        </ul><br>
        </ul><br>
             <p><br><br></p><br>
             <p><br><br></p><br>
             <p>&nbsp;</p><br>
             <p>&nbsp;</p>
         <div>
    </div>
</div>

所以整个HTML都是一个大混乱。

调用插件:

tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap preview anchor lists",
        "searchreplace visualblocks",
        "insertdatetime media contextmenu paste "
    ],
    toolbar: "styleselect | bold | alignleft aligncenter alignright alignjustify | bullist,numlist"
});

编辑表格:

<div class="form-group">
    <label for="content">Inhoud</label>
    <textarea name="content" id="content" class="form-control" cols="30" rows="10">{!! $block[0]->content !!}</textarea>
</div>

1 个答案:

答案 0 :(得分:0)

控制器似乎对内容设置了nl2br功能,导致无法控制HTML