2013-06-03 28 views
7

このエラーで2日間作業していて、TinyMCEを動作させることができません。私はTinyMCEのjqueryバージョンを使用しています。以下は、テキストエリアを含むフォームのHTMLコードです。私はGoogle Inspect Elementを使用し、コンソールタブの下で次のエラーが表示されます: "Uncaught ReferenceError:tinymceが定義されていません"。どんな助けもありがとう。TinyMCEが定義されていませんJquery

<form id="add_update_form" action="" method="POST" title="Add Blog"> 

<p class="feedback"></p> 

<!-- <label>Created:</label> 
<input type="text" name="created"> --> 

<label>Title:</label> 
<input type="text" name="title" class="input-block-level"> 

<label>Content:</label> 
<textarea width="100%" rows="10" cols="10" name="content" class="input-block-level"></textarea> 

<div class="clear"></div> 

</form> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script> 
<script type="text/javascript"> 
tinymce.init({ 
selector: "textarea", 
plugins: [ 
    "advlist autolink lists link image charmap print preview anchor", 
    "searchreplace visualblocks code fullscreen", 
    "insertdatetime media table contextmenu paste moxiemanager" 
], 
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
}); 
</script> 
+0

デバッグコンソールにエラーがありますか?また、cdnの代わりにjqueryのローカルコピーを使用してみてください。 – Jasen

+0

はいデバッグコンソールのエラーは「Uncaught ReferenceError:tinymceが定義されていません(匿名関数)」です。私はローカルで試してみて、成功しなかった。 – gustavo

+0

JSファイルは実際にロードされていますか?ブラウザの開発ツールの[ネットワーク]タブを確認します。 – Snixtor

答えて

5

あなたはjQueryプラグイン

$(function() { 
    $('textarea.tinymce').tinymce({ 
    ... 
    }); 
}); 

http://www.tinymce.com/tryit/3_x/jquery_plugin.php

ようにそれを設定する必要がありますjqueryのバージョンを使用していると
+0

ありがとうございました。エラーを修正しましたが、プラグインのように使用しなければならなかったことに気付きませんでした。 – gustavo

+1

ええ、ドキュメントの矛盾が表示されます – Jasen

2

TinyMCE jsファイルが読み込まれていないようです。代わりに:

<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script> 

試してみてください。

<script src="//cdn.jsdelivr.net/tinymce/4.0b2/jquery/jquery.tinymce.min.js" type="text/javascript"></script> 
+0

私はまだ同じエラーが発生しています。なぜtinymce jqueryファイルがロードされていないのか分かりません。 – gustavo

4

私はこのページを見て:http://www.tinymce.com/tryit/3_x/jquery_plugin.php とclic kedタブ "ソースの表示"と何かに気づいた。あなたのコードは次のようになりますので

あなたはjQueryのプラグインとしてTinyMCEのを使用している場合は、追加のパラメータがあるが、script_urlを必要:

$('textarea.tinymce').tinymce({ 
    script_url: 'js/portal/tinymce/tinymce.min.js', 
... 

他のソリューションは、非jQueryのバージョンを使用することです

<script src="<?php echo base_url();?>js/portal/tinymce/tinymce.min.js"></script> 

、その後は(あなたの最初のコードのように)TinyMCEをを初期化するために、古いメソッドを使用します。

tinymce.init({ 
    selector: "textarea", 
... 
関連する問題