中等編輯器插入按鈕 - 更輕的示例，然後插件那裏

使用contentEditable並希望添加中型插入按鈕。中等編輯器插入按鈕 - 更輕的示例，然後插件那裏

此按鈕與光標顯示在同一行上，但只要您開始輸入，就會隱藏起來。它會再次顯示，當你打回來並開始新的一行。

我發現這個例如：http://linkesch.com/medium-editor-insert-plugin/

但依賴關係是巨大的，我不需要使用任何現有的插件，因爲我的圖片上傳等已經完成。

任何幫助實現鏈接提供相同的效果？只需要一個簡單的按鈕，可以在打字線的開始處定位。

謝謝。

來源

2016-04-07 Lovelock

medium-editor-insert-plugin contributor here。

我們正在使用vanilla JS（ES2015具體地說）爲upcomming v3.0重寫插件。所以插件將是免費的依賴關係（當然除了中型編輯器）。

可以check it here
也不要忘了閱讀latest statement about the 3.0

另外，如果你不想使用的插件，並建立你自己的，你仍然可以採取的靈感來自它！

來源

2016-04-12 07:58:30 j0k

感謝您的回覆。我已經開始寫我自己的，但還沒有完成。有一些運氣使用光標位置的偏移值，但需要花時間隱藏和顯示插入按鈕在新行/當你開始輸入等。 – Lovelock

@Lovelock你能成功地寫你自己的？ –

如果您打算爲MediumEditor構建自己的非常簡單的按鈕，則需要做大量的工作來簡化靈活地構建自定義擴展。

有一個相當不錯的教程，如何爲工具欄here構建一個簡單的按鈕。

也有文件，概述了一個按鈕，所有必需的合同，以及接觸到的所有MediumEditor擴展here

一旦你創建你的基本按鈕擴展輔助方法，你可以實例並它傳遞到編輯器創建時：

var myCustomButton = new MyCustomButton(); // constructor for your button 

var editor = new MediumEditor('.editor', { 
    toolbar: { 
     buttons: ['bold', 'italic', 'underline', 'myButton'] 
    }, 
    extensions: { 
     'myButton': myCustomButton 
    } 
});

您可以通過任何類型的擴展到通過extensions選項的編輯器，但按鈕需要你定義在工具欄中的按鈕應該相對於其他顯示按鈕，並通過t控制他toolbar.button選項。

來源

2017-02-10 08:41:52

中等編輯器插入按鈕 - 更輕的示例，然後插件那裏

回答

相關問題