Now you can paste an image from clicpboard into the editor directly.

typecho · Oct 23, 2018 · 0b1096c · mmmwhy · Dec 16, 2018 · 0b1096c
1 parent ad10000
commit 0b1096c
Show file tree

Hide file tree

Showing 7 changed files with 493 additions and 20 deletions.
diff --git a/admin/editor-js.php b/admin/editor-js.php
@@ -2,6 +2,7 @@
 <?php $content = !empty($post) ? $post : $page; if ($options->markdown): ?>
 <script src="<?php $options->adminStaticUrl('js', 'hyperdown.js?v=' . $suffixVersion); ?>"></script>
 <script src="<?php $options->adminStaticUrl('js', 'pagedown.js?v=' . $suffixVersion); ?>"></script>
+<script src="<?php $options->adminStaticUrl('js', 'paste.js?v=' . $suffixVersion); ?>"></script>
 <script>
 $(document).ready(function () {
     var textarea = $('#text'),
@@ -203,6 +204,17 @@ function initMarkdown() {
 
             return false;
         });
+
+        // 剪贴板复制图片
+        textarea.pastableTextarea().on('pasteImage', function (e, data) {
+            name = data.name.replace(/[\(\)\[\]\*#!]/g, '');
+            if (!name.match(/\.[a-z0-9]{2,}$/i)) {
+                var ext = data.blob.type.split('/').pop();
+                name += '.' + ext;
+            }
+
+            Typecho.uploadFile(new File([data.blob], name), name);
+        });
     }
 
     if (isMarkdown) {

diff --git a/admin/file-upload-js.php b/admin/file-upload-js.php
@@ -120,8 +120,8 @@ function fileUploadComplete (id, url, data) {
         }
     }
 
-    $('#tab-files').bind('init', function () {
+    var uploader = null, tabFilesEl = $('#tab-files').bind('init', function () {
-        var uploader = new plupload.Uploader({
+        uploader = new plupload.Uploader({
             browse_button   :   $('.upload-file').get(0),
             url             :   '<?php $security->index('/action/upload'
                 . (isset($fileParentContent) ? '?cid=' . $fileParentContent->cid : '')); ?>',
@@ -176,6 +176,23 @@ function fileUploadComplete (id, url, data) {
         uploader.init();
     });
 
+    Typecho.uploadFile = function (file, name) {
+        if (!uploader) {
+            $('#tab-files-btn').parent().trigger('click');
+        }
+
+        var timer = setInterval(function () {
+            if (!uploader) {
+                return;
+            }
+
+            clearInterval(timer);
+            timer = null;
+
+            uploader.addFile(file, name);
+        }, 50);
+    };
+
     function attachInsertEvent (el) {
         $('.insert', el).click(function () {
             var t = $(this), p = t.parents('li');