{"id":2373,"date":"2015-08-21T11:21:37","date_gmt":"2015-08-21T03:21:37","guid":{"rendered":"http:\/\/blog.hoyo.idv.tw\/?p=2373"},"modified":"2015-09-10T15:27:26","modified_gmt":"2015-09-10T07:27:26","slug":"ckeditor-4-%e4%b9%8b%e5%88%9d%e6%ad%a5%e4%bd%bf%e7%94%a8","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=2373","title":{"rendered":"CKEditor 4.5.3 \u4e4b\u521d\u6b65\u4f7f\u7528"},"content":{"rendered":"

\u70ba\u4ec0\u9ebc\u662f\u00a0CKEditor ?<\/h2>\n
    \n
  1. \u73fe\u5728\u9084\u6709\u5728\u7dad\u8b77<\/li>\n
  2. \u56e0\u70ba\u9084\u6709\u5728\u7dad\u8b77\u6240\u4ee5\u61c9\u8a72\u6709\u5716\u6a94\u62d6\u66f3\u4e0a\u50b3\u529f\u80fd<\/li>\n
  3. \u771f\u7684\u6709\u5716\u6a94\u62d6\u66f3\u4e0a\u50b3\u529f\u80fd \u2192 \u8b9a\u00a0live demo<\/a><\/li>\n<\/ol>\n

    \u4e0b\u8f09\u53ca demo \u8acb\u5230\u5b98\u7db2\uff1aCKEditor<\/a><\/p>\n

    --<\/p>\n

    \u5982\u4f55\u4f7f\u7528<\/h2>\n

    \u4e0b\u8f09\u89e3\u58d3\u7e2e<\/p>\n

    <script src=\"\/???\/ckeditor\/ckeditor.js\"><\/script><\/pre>\n
    \u5230\u00a0ckeditor\/samples\/toolbarconfigurator\/index.html \u81ea\u8a02\u5de5\u5177\u5217<\/p>\n
    \u5c07\u8a2d\u5b9a\u503c\u53d6\u4ee3 config.js \u6a94\u6848<\/p>\n
    --<\/p>\n
    \u4f7f\u7528 Ajax \u4e0a\u50b3\u90fd\u662f\u672a\u66f4\u65b0\u524d\u7684\u8cc7\u6599\u554f\u984c<\/h2>\n
    \u5728\u4e0a\u50b3\u524d\u5957\u7528\u4ee5\u4e0b\u7a0b\u5f0f<\/p>\n
    for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();<\/pre>\n
    --<\/p>\n
    \u62d6\u66f3\u5716\u6a94\u81f3\u7de8\u8f2f\u5340<\/h2>\n
    \u57fa\u672c\u77e5\u8b58\u3001\u89c0\u5ff5\u5efa\u7acb\uff1aFile Browser\/Uploader<\/a><\/p>\n
    \u524d\u7aef\u7684\u7a0b\u5f0f\u90fd\u53ef\u4ee5\u76f4\u63a5\u5f9e\u5b98\u7db2\u4e0b\u8f09\uff0c\u552f\u4e00\u9700\u8981\u81ea\u5df1\u6e96\u5099\u7684\u53ea\u6709\u5716\u6a94\u4e0a\u50b3\u5f8c\u56de\u50b3\u7684\u7a0b\u5f0f\uff0c\u5927\u6982\u662f\u9577\u9019\u6a23\uff1a<\/p>\n
    class Upload {\r\n\r\n    function __construct()\r\n    {\r\n        $ResizeWidth = 780;\r\n        $ResizeHeight = 780;\r\n        $id = $_GET['id'];\r\n\r\n        $Upload_dir =  '..\/..\/Upload\/'. $id;\r\n        if ( !is_dir( $Upload_dir ) ) mkdir($Upload_dir);\r\n\r\n        $SourceFile = $_FILES['upload']['tmp_name'];\r\n        list($width, $height, $type, $attr) = getimagesize($SourceFile);\r\n\r\n        # \u5132\u5b58\u7684\u8def\u5f91\u6a94\u540d\r\n        $fn = explode('.', $_FILES['upload']['name']);\r\n        array_pop($fn);\r\n        $FileName = implode('.', $fn);\r\n\r\n        # \u4e0a\u50b3\u5716\u6a94 \u5bec\u6216\u9ad8 \u5927\u65bc\u91cd\u65b0\u53d6\u6a23\u8a2d\u5b9a\r\n        if ( $width > $ResizeWidth || $height > $ResizeHeight ) {\r\n            $si = new SimpleImage();\r\n            $si->load($SourceFile)->best_fit($ResizeWidth, $ResizeHeight)->save($Upload_dir.'\/'.$FileName.'.png');\r\n        }\r\n        else {\r\n            move_uploaded_file($SourceFile, $Upload_dir.'\/'.$FileName.'.png');\r\n        }\r\n\r\n        $return = array(\"uploaded\"=>true, \"fileName\"=>$FileName.'.png', \"url\"=>\"\/photo.php?id={$id}&N=\".$FileName);\r\n        echo json_encode($return);\r\n    }\r\n}\r\n<\/pre>\n
    \u9577\u9019\u6a23\u7684\u6839\u64da\uff1f<\/strong><\/p>\n
    \u76f4\u63a5\u5f9e\u5b98\u7db2\u7bc4\u4f8b \u2192\u00a0File Upload<\/a>\u00a0\uff0c\u5728 Chrome \u7684 F12 \u8ffd\u8e64\u5f97\u5230\u4e0a\u50b3\u5f8c\u9700\u8981\u56de\u50b3 json<\/p>\n
    {\r\n\"fileName\":\"\\u4e2d\\u6587_\\u5927\\u5bb6_aa_~!.png\",\r\n\"uploaded\":1,\"error\":{\"number\":207,\"message\":\"The uploaded file was renamed to \\u0022\\u4e2d\\u6587_\\u5927\\u5bb6_aa_~!.png\\u0022.\"},\r\n\"url\":\"\\\/userfiles\\\/files\\\/%E4%B8%AD%E6%96%87_%E5%A4%A7%E5%AE%B6_aa_~!.png\"\r\n}\r\n<\/pre>\n
    \u786c\u8981\u770b\u5b98\u65b9\u6587\u4ef6\u7684\u8a71\uff0c\u5728\u9019\u88e1 \u2192\u00a0Uploading Dropped or Pasted Files<\/a><\/p>\n
    --<\/p>\n
    \u5be6\u969b\u904b\u7528\u7684\u60c5\u6cc1<\/h2>\n