TinyMCE使用チュートリアル

TinyMCE公式サイト:https://www.tinymce.com
TinyMCEを使う方法は主にいくつかの方法があります
TinyMCE Cloud
Package Managers
SDK/Download
jQuery
Custom Build
この章では、SDKの1つの方法について説明します.その他の方法は、次のように参照できます.https://www.tinymce.com/docs/get-started/advanced-install/
一、公式パッケージ(住所:https://www.tinymce.com/download/)
ダウンロードした圧縮パッケージを解凍し、解凍したファイルtinymceを必要なwebプロジェクトにインポートします.
二、必要なページにインポートする

	
		
		
			tinymce.init({
				selector: '#mytextarea',
				language: 'zh_CN',
				directionality: 'rtl',
				browser_spellcheck: true,
				contextmenu: false,
				plugins: [
					"advlist autolink lists link image charmap print preview anchor",
					"searchreplace visualblocks code fullscreen",
					"insertdatetime media table contextmenu paste imagetools wordcount",
					"code"
				],
				toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code",

			});
			/*tinymce.activeEditor.uploadImages(function(success) {
				$.post('ajax/post.do', tinymce.activeEditor.getContent()).done(function() {
					console.log("Uploaded images and posted content as an ajax request.");
				});
			});*/
		

3、bodyに容器を新規作成する

     </form></code></pre>4、         
  <br/> 
  <p><br/></p> 
 </div> 
</div>
                            </div>
                        </div>