CKeditor5 の Inline Editor Build を使用しています。
AJAX を使用してフォーム フィールドを投稿し、フィールドに追加したいバックエンドからデータを受け取りました。
私の HTML ヘッドには、CKEditor5 インライン エディター CDN があり、その後にブートストラップが続き、style.css にリンクしています。body タグの前に Jquery CDN があり、その後に script.js へのリンクがあります
editor.php
<p class='description box' id="description"> {add text from database} </p>
私のjavascriptファイルと特定のajax呼び出し:
$("#selection").submit(function (e) {
e.preventDefault();
// get the values of the form
var chosenType = $(".reportType").val();
var chosenTrait = $(".trait").val();
var chosenAssess = $(".assessment").val();
$.ajax({
type: "POST",
url: "show.php",
dataType: 'json',
data: {chosenType: chosenType, chosenTrait: chosenTrait, chosenAssess: chosenAssess},
success: function (data) {
// fill in description
var trait_description = data.trait_description;
CKEDITOR.instances['description'].setData(trait_description);
}
})
});
ただし、コンソールでこれを取得します: script.js:82 Uncaught ReferenceError: CKEDITOR is not defined