AlloyEditorのフィールドをAUIフォームに統合する

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• CKEditor テキストエリアは通常、JSPページでタグリブInputEditorを呼び出すことで導入されます：

<liferay-ui:input-editor
    contents="<%= HtmlUtil.escape(title) %>"
    editorName="ckeditor"
    name="titleEditor"
    onChangeMethod="OnChangeTitle"
    placeholder="title"
    required="<%= true %>"
    showSource="<%= false %>"
>

• ただし、属性 editorName の値を ckeditor alloyeditor に変更するだけで、エディタタイプを CKEditor から AlloyEditor に変更しても動作しない。

Environment

• DXP 7.1+

解決策

• タグリブのInputEditorを使ったAlloyEditorの統合は、CKEditorのように簡単ではありません。
• さらに2つの要素を入れなければならない：
  • 補助的な隠し入力フィールド(ブログ例)。
  • フォーム送信時にAlloy Editorの内容を前述の補助的な隠し入力フィールドにコピーするJavascriptの補助コード(ブログの例)。