2019-11-28 09:38:17 0 评论 JavaScript Boy.Lee

Quill编辑器从quill实例访问和动态操作工具栏

动态定制工具栏时, 我们需要在javascript中从quill实例访问工具栏(toolbar), 这篇文章介绍如何访问工具栏和动态添加工具栏按钮

 

{ 通过Quill实例访问工具栏 }

quill.container.previousSibling.

 

{ 为工具栏动态添加按钮  }

      //create btn
      let button = document.createElement("button");
      //display button text
      button.innerHTML = ">_";
      button.onclick = function() {
        //action code here
      };

      //create btn container
      let buttonContainer = document.createElement("span");
      buttonContainer.setAttribute("class", "ql-formats");
      buttonContainer.appendChild(button);
      
      //add to toolbar
      quill.container.previousSibling.appendChild(buttonContainer);