獲取 ckeditor 5 中元素的類似 html 的字符串表示

Question

在 Ckeditor 5 中，我無法找到從元素中提取字符串的方法。 當用戶在段落中間點擊回車時，我想添加一個功能：

• 拆分段落
• 獲取最后一段的內容
• 從編輯器中刪除最后一段

editor.model.change( writer => {
  const paragraph = editor.model.document.selection.getFirstPosition();
  writer.split(paragraph);

  const model = editor.model;
  const doc = model.document;
  const root = doc.getRoot();
  // HTML-like string representation of lastParagraph below?
  const lastParagraph = root.getChild(root.childCount - 1); 
})

我的編輯只允許一個段落。

Answer 1

事實證明，數據 controller 具有stringify方法，該方法接受 model 元素並返回 html-string。 https://ckeditor.com/docs/ckeditor5/latest/api/module_engine_controller_datacontroller-DataController.html#function-stringify

editor.model.change( writer => {
  const paragraph = editor.model.document.selection.getFirstPosition();
  writer.split(paragraph);

  const model = editor.model;
  const root = model.document.getRoot();
  const lastParagraph = root.getChild(root.childCount - 1);
  const splittedMarkup = `<p>${editor.data.stringify(lastParagraph)}</p>`;

  writer.remove(lastParagraph);
  // dispatch an action 
  addMoreMarkup([position, {
    markup: splittedMarkup
  }]);
})