WYSIWYGエディタの導入
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
[[PHPめも]]
この記事は書きかけです。
PHPとは直接関係しませんが、テキストエリアにWYSIWYGエディ...
よく利用されているのは [[CKEditor:http://ckeditor.com/]] ...
*CKEditorの使い方 [#v99cd088]
以前は FCKeditor という名前でした。
ファイルマネージャーは [[CKFinder:https://cksource.com/ck...
*TinyMCEの使い方 [#kbff3611]
TinyMCE Community のZIPファイルをダウンロードし、解凍した...
https://www.tinymce.com/download/
このままだと英語なので、日本語化します。~
以下から Japanese をダウンロードし、解凍した ja.js ファイ...
http://archive.tinymce.com/i18n/
設置したHTMLソースは以下のようになります。
<!DOCTYPE html>
<html>
<head>
<script src="js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector:'#textarea',
width: 600,
height: 300,
plugins: [
'advlist autolink link image lists charmap print p...
'searchreplace wordcount visualblocks visualchars ...
'save table contextmenu directionality emoticons t...
],
language: 'ja'
});
</script>
</head>
<body>
<textarea id="textarea">Easy (and free!) You should che...
</body>
</html>
**文字色の変更 [#j3e64817]
tinymce.init({
selector: "textarea",
plugins: "textcolor",
toolbar: "forecolor backcolor"
});
**ファイルマネージャーの使用 [#c6987c52]
[[RESPONSIVE filemanager:http://www.responsivefilemanager...
終了行:
[[PHPめも]]
この記事は書きかけです。
PHPとは直接関係しませんが、テキストエリアにWYSIWYGエディ...
よく利用されているのは [[CKEditor:http://ckeditor.com/]] ...
*CKEditorの使い方 [#v99cd088]
以前は FCKeditor という名前でした。
ファイルマネージャーは [[CKFinder:https://cksource.com/ck...
*TinyMCEの使い方 [#kbff3611]
TinyMCE Community のZIPファイルをダウンロードし、解凍した...
https://www.tinymce.com/download/
このままだと英語なので、日本語化します。~
以下から Japanese をダウンロードし、解凍した ja.js ファイ...
http://archive.tinymce.com/i18n/
設置したHTMLソースは以下のようになります。
<!DOCTYPE html>
<html>
<head>
<script src="js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector:'#textarea',
width: 600,
height: 300,
plugins: [
'advlist autolink link image lists charmap print p...
'searchreplace wordcount visualblocks visualchars ...
'save table contextmenu directionality emoticons t...
],
language: 'ja'
});
</script>
</head>
<body>
<textarea id="textarea">Easy (and free!) You should che...
</body>
</html>
**文字色の変更 [#j3e64817]
tinymce.init({
selector: "textarea",
plugins: "textcolor",
toolbar: "forecolor backcolor"
});
**ファイルマネージャーの使用 [#c6987c52]
[[RESPONSIVE filemanager:http://www.responsivefilemanager...
ページ名: