widgets/test_ckeditor/include/template/admin.tmpl.html

   1 <patTemplate:tmpl name="_widget">\r
   2 <script type="text/javascript" src="{_ROOT_URL}/scripts/ckeditor4.0.1/ckeditor.js"></script>\r
   3 <script type="text/javascript">\r
   4 //<![CDATA[\r
   5 function updateItem(){\r
   6         if (!window.confirm('設定を更新しますか?')) return false;\r
   7         document.main.act.value='update';\r
   8         document.main.submit();\r
   9         return true;\r
  10 }\r
  11 // 画像表示\r
  12 function showImage(filename){\r
  13         var imgPath = '{WIDGET_URL}/image/' + filename;\r
  14         preImage = $('#preview');\r
  15         preImage.attr('src', imgPath);\r
  16         preImage.css('display', '');    // 画像を表示\r
  17 }\r
  18 // ファイルブラウザからの設定用\r
  19 function SetUrl(url)\r
  20 {\r
  21         var preImage = $('#preview');\r
  22         preImage.attr('src', url);\r
  23         preImage.css('display', '');    // 画像を表示\r
  24 }\r
  25 $(function(){\r
  26         // スクリプト編集エディター作成\r
  27         //m3SetWysiwygEditor('item_content', 500/* 高さ */);\r
  28         //m3SetScriptEditor('item_content', 500/* 高さ */);\r
  29 //      var scriptFile = M3_ROOT_URL + '/scripts/codemirror-3.1/lib/codemirror.js';\r
  30 //$("<script>").attr("src", scriptFile).appendTo("head");\r
  31 //CodeMirror.fromTextArea(document.getElementById("item_content"), {mode: "php"});\r
  32         var editor = CodeMirror.fromTextArea(document.getElementById("item_content"), {\r
  33                 mode: "javascript",\r
  34         lineNumbers: true,\r
  35         matchBrackets: true,\r
  36         extraKeys: {"Enter": "newlineAndIndentContinueComment"}\r
  37       });\r
  38         \r
  39         var config = {};\r
  40         config['customConfig'] = M3_ROOT_URL + '/scripts/m3/ckconfig.js';\r
  41         var editor = CKEDITOR.replace('editor', config);\r
  42 });\r
  43 \r
  44 //]]>\r
  45 </script>\r
  46 <div align="center">\r
  47 <br />\r
  48 <!-- m3:ErrorMessage -->\r
  49 <link rel="stylesheet" href="http://192.168.24.45/magic3/scripts/codemirror-3.1/lib/codemirror.css">\r
  50 <script src="http://192.168.24.45/magic3/scripts/codemirror-3.1/lib/codemirror.js"></script>\r
  51 <script src="http://192.168.24.45/magic3/scripts/codemirror-3.1/mode/javascript/javascript.js"></script>\r
  52 \r
  53 <form method="post" name="main">\r
  54 <input type="hidden" name="act" />\r
  55 <table class="simple-table">\r
  56     <tbody>\r
  57     <tr>\r
  58             <td class="table-headside">CKEditor</td><td width="800" height="200"><textarea id="editor" name="editor">{CONTENT}</textarea></td>\r
  59         </tr>\r
  60     <tr>\r
  61             <td class="table-headside">CodeMirror</td><td width="800" height="200"><textarea id="item_content" name="item_content">{CONTENT}</textarea></td>\r
  62         </tr>\r
  63     <tr class="even">\r
  64             <td class="table-headside">画像</td><td><img id="preview" style="display:none;" /><input type="button" class="button" onclick="m3_openImageFileBrowser();" value="参照" /></td>\r
  65         </tr>\r
  66     <tr>\r
  67             <td class="table-headside">ダイアログ表示</td><td><input type="text" name="editor" id="editor" /></td>\r
  68         </tr>\r
  69     </tbody>\r
  70 </table>\r
  71 </form>\r
  72 </div>\r
  73 </patTemplate:tmpl>\r