0
私は自分のウェブサイトにtinymceを設定しているので、テキストを書いたり、写真をアップロードするときにツールバーを使用することができます。残念ながら、私はtinymceに関連する問題を実現しました。Tinymceは、投稿されたテキストを保存しません。
$(document).ready(function() {
tinymce.init({
selector: "#market-product_info, #market-delivery_info, #market-facility_info",
language_url: '/frontend/web/js/tinymce/langs/zh_CN.js',
menubar:true,
statusbar: true,
relative_urls : false,
branding: false,
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"save table contextmenu directionality emoticons template paste textcolor",
"emoticons template paste textcolor colorpicker textpattern",
"save"
],
toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor |styleselect | link unlink anchor |link image | preview code ",
image_advtab: true,
// enable title field in the Image dialog
image_title: true,
// enable automatic uploads of images represented by blob or data URIs
automatic_uploads: true,
// URL of our upload handler (for more details check: https://www.tinymce.com/docs/configure/file-image-upload/#images_upload_url)
// images_upload_url: 'postAcceptor.php',
// here we add custom filepicker only to Image dialog
file_picker_types: 'image',
// and here's our custom image picker
file_picker_callback: function(cb, value, meta) {
var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('accept', 'image/*');
// Note: In modern browsers input[type="file"] is functional without
// even adding it to the DOM, but that might not be the case in some older
// or quirky browsers like IE, so you might want to add it to the DOM
// just in case, and visually hide it. And do not forget do remove it
// once you do not need it anymore.
input.onchange = function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function() {
// Note: Now we need to register the blob in TinyMCEs image blob
// registry. In the next release this part hopefully won't be
// necessary, as we are looking to handle it internally.
var id = 'blobid' + (new Date()).getTime();
var blobCache = tinymce.activeEditor.editorUpload.blobCache;
var base64 = reader.result.split(',')[1];
var blobInfo = blobCache.create(id, file, base64);
blobCache.add(blobInfo);
// call the callback and populate the Title field with the file name
cb(blobInfo.blobUri(), { title: file.name });
};
reader.readAsDataURL(file);
};
input.click();
}
});
});
ユーザがテーブルを作成または任意のツールバーオプション（太字、斜体、テキストの色やなど）を使用して送信したときに問題がしかし、もし、ユーザが挿入のような情報が受信されたデータベースで、ありますユーザーが情報を編集して再送信したい場合は、テキストエリアにすべての単語がテーブルやツールバーの機能なしで表示されます。私は、テキストを編集したいと思った場合に、以前に投稿されたテキストをユーザが見つけられるようにしたいと思っています。