quill编辑器,使用insertText或formatLine将文本对齐到中心

时间:2018-06-10 22:42:07

标签: alignment editor quill

我手动将一些文字和图片添加到编辑器中。 我要添加的第一个文字我想调整中心。 以下不起作用,我尝试了不同的格式,但似乎无法获得一些文字'以中心为中心。

在他们提到的quill网站的示例中对齐文本的正确方法是什么:

quill.setText('你好\ nWorld \ n'!);

quill.formatLine(1,2,' align',' right'); //右对齐第一行 quill.formatLine(4,4,' align',' center'); // center对齐两行

但是,我不明白4这里指的是什么,以及我将如何适用于我的情况。 我基本上在帖子的末尾添加了一个签名,所以我使用quill.getLength()将文本放在我想要的位置。 这是有效的,但后来居中变得比我想象的更难。



      
   lengthContents = this.quill.getLength()  
   this.quill.insertText(lengthContents, 'some text', 'align', 'center')
   var lengthContents = this.quill.getLength() 
   this.quill.insertEmbed(lengthContents, 'image', 'https://s3-eu-central-1.amazonaws.com/bucket/img/img.jpg');
   this.quill.format('align', 'left');
    lengthContents = this.quill.getLength()
    this.quill.insertText(lengthContents, 'some text', '', true)
    lengthContents = this.quill.getLength()
    this.quill.insertText(lengthContents, 'some text', '', false)
    lengthContents = this.quill.getLength()
    var delta = {
       ops: [
            {retain: lengthContents},
            {insert: "Name to click", attributes: {link: "https://example.com"}}
                ]
              };
    this.quill.updateContents(delta);
        }




0 个答案:

没有答案