======Differences====== This shows you the differences between two versions of the page.
dokuwiki:tinymce [2009/12/13 17:12] (current)
mnemoto created
Line 1: Line 1:
 +<p>まず、設定でHTMLの埋め込みを有効にする必要がある。</p> 
 +<p>tinymceを落としてくる&rarr;dokuwikiのルートディレクトリにコピーする</p> 
 +<p>次に、全てのドキュメントが生のHTMLとして表示される必要があるためコードに変更を施す。<br />具体的には、Dokuwikiのパースを行っている部分をスキップさせる。<br />人によって様々な方法があると思うが、自分は/inc/parseutilsの219行目をこのようにした</p> 
 +<blockquote> 
 +<p>&nbsp; $p = $Parser-&gt;parse("&lt;HTML&gt;".$text."&lt;/HTML&gt;");</p> 
 +</blockquote> 
 +<p>こうすることでパースが行われず、HTML構文をそのまま表示できる。<br />ただし、WIKI構文で書かれたものはWIKIのソースがそのまま表示されてしまうので注意</p> 
 +<p>/inc/html.phpの1173行目にこれを追加</p> 
 +<blockquote> 
 +<p>&lt;script src="&lt;?php echo D</p> 
 +<p>OKU_BASE?&gt;ckeditor/ckeditor.js" type="text/javascript"&gt;&lt;/script&gt;;</p> 
 +</blockquote> 
 +<p>/inc/form.phpのform_makeWikiText関数を変更。以下のようにする。(ckeditor.jsは"ckeditor"というクラス名を乗っ取るのでこのようにする)</p> 
 +<blockquote> 
 +<p>function form_makeWikiText($text, $attrs=array()) {<br />&nbsp; $elem = array('_elem'=&gt;'wikitext', '_text'=&gt;$text,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 'class'=&gt;'ckeditor',"cols"=&gt;"100","rows"=&gt;"10");<br />&nbsp; return array_merge($elem, $attrs);<br />}</p> 
 +</blockquote> 
 +<p>これで動作はするが、エディタウィンドウが狭く表示されてしまう。また、&rdquo;ソース&rdquo;ボタンによる切り替えがうまく出来ない。これを解消するため</p> 
 +<p>/lib/tpl/テンプレート名/design.cssのfieldsetの項目を見つけ、width指定を削除<br />/lib/exe/js.phpの48行目付近DOKU_INC.'lib/scripts/ajax.js',を削除</p> 
 +<p>まだ問題がある。フロッピーマークを押してセーブが出来ないのである。これは、doパラメータが渡されていないため。<br />自分は/inc/html.phpの1200行目付近に $form-&gt;addHidden('do','save');を追加して対処した</p>
 
dokuwiki/tinymce.txt · Last modified: 2009/12/13 17:12
 
Except where otherwise noted, content on this wiki is licensed under the following license:CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki