私は "CodeIgniterを使って簡単なCMSを作成しようとしています。私はテキスト領域のためにTinymceと仕事をすることにしました"が、私はそれを実装するいくつかの問題を抱えました。
これはどのように設定しようとしたのかです。
フォルダ構造:
- public
-- css
-- js
-- images
- system
-- <all CI folders here>
私はパブリックフォルダを指すようにこのヘルパーを書きました:
function asset_url(){
return base_url()."public/";
}
tinymce initファイル:
<script src="<?=base_url()?>scripts/tiny_mce/tiny_mce.js" type="text/javascript">
tinyMCE.init({
theme : "advanced",
mode : "textareas",
plugins : "imagemanager,filemanager,insertdatetime,preview,emotions,visualchars,nonbreaking",
theme_advanced_buttons1_add: "insertimage,insertfile",
theme_advanced_buttons2_add: "separator,forecolor,backcolor",
theme_advanced_buttons3_add: "emotions,insertdate,inserttime,preview,visualchars,nonbreaking",
theme_advanced_disable: "styleselect,formatselect,removeformat",
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",
theme_advanced_toolbar_align : "left",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
apply_source_formatting : true,
spellchecker_languages : "+English=en",
extended_valid_elements :"img[src|border=0|alt|title|width|height|align|name],"
+"a[href|target|name|title],"
+"p,"
invalid_elements: "table,span,tr,td,tbody,font"
});
</script>
これは私の見解です。
<html>
<head>
<script type="text/javascript" src="/images/<?php echo asset_url()."js/tiny_mce/tiny_mce.js" ?>"></script>
<script type="text/javascript" src="<?php echo asset_url()."js/tiny_mce/tinymce_properties.js" ?>"></script>
</head>
<body>
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>
</body>
</html>
だから今ちょうどそれはTinymceエディタの代わりに空の通常のテキストエリアを示しているだけです。 JSファイルがロードされつつあり、エラーはありません。
うまくいけば、誰かが私に手がかりを与えることができます!
回答:
回答№1は2あなたが特定のものや他の場所でTinymceが欲しいならば、単にあなたのTinymceを編集してください、そして、私はこれがあなたの問題のための最も良い考えであると思います..
tinyMCE.init({
...
mode : "specific_textareas",
editor_selector : "mceEditor"
});
<textarea id="myarea1" class="mceEditor">This will be an editor.</textarea>
<textarea id="myarea2">This will NOT be an editor.</textarea>
回答№2の場合は1
TinyMceには2つのパッケージがあり、最初のパッケージはjqueryです。もう一方はjqueryに依存します。 TinyMCe Jquery依存パッケージでは、そのようにスクリプトにtinymceを含める前にjqueryを含める必要があります。
<html>
<head>
<script type="text/javascript" src="<path to jquery>/jquery.js"></script>
<script type="text/javascript" src="<path to tinymce>/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector:"#myTextArea"
});
</script>
</head>
<body>
<form name="">
<textarea id="myTextArea"></textarea>
</form>
</body>
</html>