Пользовательский тег Quill Editor - PullRequest
Новая
       10

Пользовательский тег Quill Editor

0 голосов
/ 17 июня 2019

Я пытаюсь создать пользовательский тег с внутренним HTML.Вставить внутри Quill Editor на кнопку триггера.Вот тег, который следует: 

<location style="
          display:block;
          background: #F9F9F9; 
          border-radius: 10px; 
          padding: 10px; 
          border: 10px double #0079be;">
<h1> Park Bar </h1>
</location>

Я делаю следующее: 

class Location extends Embed {
    static create(value) {
        let node = super.create(value);
        node.setAttribute("style", "display:block;background: #F9F9F9; border-radius: 10px; padding: 10px; border: 10px double #0079be;");
        return node;
    }
}

Location.blotName = 'location'; //now you can use .ql-hr classname in your toolbar
Location.className = 'my-location';
Location.tagName = 'location';

Quill.register({
        "formats/hr": Hr,
        "formats/location":Location
    });

let quill = new Quill("#container", {
    modules: {
        syntax: true,
        toolbar: {container: "#container",
                  handlers: {
                    "hr": customHrHandler,
                      "location":customLcHandler
                  }
        }
    },
    placeholder: "Edit splashscreen",
    theme: "snow"
});

Пока, если я нажимаю кнопку, это добавляет блок местоположения в редактор.Как мне установить внутреннее содержимое для объекта "узел"?Это возможно?Это способ сделать это?На узле нет документации (я не смог найти).

Должен ли я реализовать узел внутри узла?

Спасибо

...