首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Rich Text Edit HTML / Modify without html tags (Quill)

Rich Text Edit HTML / Modify without html tags (Quill)
EN

Stack Overflow用户
提问于 2018-07-20 01:25:31
回答 1查看 1.1K关注 0票数 0

我不确定我是否以正确的方式思考这个问题。我有一个包含文本的Div。我希望能够使用Quill编辑此文本,然后使用格式将其保存回Div。这一切都很好,但是如果我再次尝试编辑它,它会拉入所有的HTML格式化标签。

我想我是以错误的方式获取内容了。我一直在处理增量,但不明白如果有更新/错误,如何使用它来“编辑”文本。

下面是代码。你可以在这里看到codepen。https://codepen.io/anon/pen/OwbRbQ

代码语言:javascript
复制
//Create container
var container = $('.editor').get(0);

//Setup Quill
var quill = new Quill(container, {
    modules: {
    clipboard: {
      matchVisual: false
    },
        toolbar: '#toolbar-container'
    },
    placeholder: 'Compose an epic...',
    theme: 'snow'
});

//Edit functions
$("#editPage").click(function () {
    var $this = $(this);
    var introText = document.getElementById('introText');

    var existingContent = $('#introText').html();

    if ($this.attr('editing') != '1') {
        $this.html('<i class="fas fa-search"></i> Preview').attr('editing', 1);

        //Set content on edit/save
        quill.setContents([
            {
                insert: existingContent
            }
        ]);

    } else {
        $this.html("<i class='fas fa-pencil-alt'></i> Modify this page").removeAttr('editing');
        delta = quill.getContents();

        var html = quill.root.innerHTML;
        introText.innerHTML = html;
    }

});

谢谢你的帮助。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51428639

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档