它的寫法是寫 必須要focus textarea才會觸發sticky
這UI有問題
但有寫sticky方便很多,就不用拉到最上面了
// for fixing editor toolbar
$(document).on('focus', 'textarea', function(event) {
setTimeout(function() {
disabledPreview();
var toolbar = $('.editor-toolbar');
toolbar.removeClass("sticky");
var toolbarPosition = toolbar.offset().top;
window.onscroll = function() {
stickyToolbar();
};
function stickyToolbar() {
let $el = $('.CodeMirror');
let textareaBottomPosition = $el.offset().top + $el.outerHeight(true);
// console.log(textareaBottomPosition, window.pageYOffset, toolbarPosition);
if (window.pageYOffset >= toolbarPosition && window.pageYOffset <= textareaBottomPosition) {
toolbar.addClass("sticky")
} else {
toolbar.removeClass("sticky");
}
}
function disabledPreview() {
$('.mk__editor-pre').removeClass("active");
$('.editor-toolbar').removeClass("disabled-for-preview");
$('.editor-preview').removeClass('editor-preview-active');
}
}, 1000);
});
還有用setTimeout來監控
反應速度也比較慢
完全可以理解你想抱怨的內容w
每次我想要按個預覽,那條 bar 都會不見@@
雖然我自己遇到最困擾的是,我因為都會先寫在 HackMd 再貼過來
導致我最開始幾篇因為用太多 HackMd 的魔法,貼過來後排版都大爆炸w
我朋友還遇過打一打網頁跳掉,整篇文章不見的情形
超級令人崩潰的啦wwww
Makedown 需要統一標準 +1
我就是整篇消失的那個
我要按上傳照片結果那條Toolbar突然隱身就跟原PO說的一樣
結果整個畫面上移去按到"技術文章"
嘿嘿~尖叫聲~~
Markdown 有統一吧XD
只是提供的功能太少
所以各家編輯器就自己擴充,反而大家都沒辦法相容
所以我一直認為 Markdown 也不是那麼好用
沒統一的人是 HackMD 吧,他們改超多的耶,我一直不懂 code block 的語言後加的那個 =
是什麼意思
我是用 notion 寫好再轉貼過來,沒遇到什麼大問題。
Code Block
後顯示的 =
是用來設定自定義起始行數的:
https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-use-code-blocks-tw
我是對刪除按紐比較感冒,大大一顆,每次按個編輯都要提心吊膽的,很怕按錯(笑)
我是很怕更改文章的時候,不小心會按成刪除文章...
這樣就GG了...
所以我都在VScode先寫好才貼過來> <
我是希望可以有追溯編輯歷史的功能,這個很複雜的話至少希望有自動儲存的功能,因為之前有幾次都是還沒儲存不小心按到重整頁面就 G 掉,一兩段甚至到半篇文章都要重打,圖片都要重傳
https://ithelp.ithome.com.tw/articles/10217518
去年 dragonH 大有寫套件來做這件事XD
本來有想寫 Script
來改寫 Editor
顯示的問題,
後來還是決定寫在 HackMD
使用基本語法,
寫好要發文時再貼過來把圖片重新上傳,
因為光寫文章的時間就不夠用了...Orz
但其實我遇到最困擾的是,
我 HackMD
寫到兩千多行後開始大 Lag
了(倒地
用本機端的 Markdown 工具編輯,例如 Boostnoe。也是很久以前這裡的網友推薦的。因為是本機端,隨寫隨存,電腦當掉也沒關係。不管是用那一種方法,先在自己電腦打好再貼上去即可。