iT邦幫忙

5

抱怨iT邦幫忙的發文介面~~~~~~

  • 分享至 

  • xImage

大家沒日沒夜發文的鐵人賽快要接近尾聲

不曉得是只有我遇到這個問題?

還是我缺乏耐性不適合當鐵人不適合當工程師><

但我還是要抱怨發文編輯器工具欄

每當我要使用時就會自己隱身

還有與工具欄右側、發文按鈕這兩處版型跑版

(不小心錄到羅技超級靜音滑鼠聲音><)
Yes

Yes

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
3
咖咖拉
iT邦好手 1 級 ‧ 2020-10-12 11:05:57

它的寫法是寫 必須要focus textarea才會觸發sticky
這UI有問題/images/emoticon/emoticon13.gif

但有寫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來監控
反應速度也比較慢

5
flyxiang
iT邦新手 4 級 ‧ 2020-10-12 12:05:57

完全可以理解你想抱怨的內容w
每次我想要按個預覽,那條 bar 都會不見@@

雖然我自己遇到最困擾的是,我因為都會先寫在 HackMd 再貼過來
導致我最開始幾篇因為用太多 HackMd 的魔法,貼過來後排版都大爆炸w

Markdown 需要統一標準啊啊啊

我朋友還遇過打一打網頁跳掉,整篇文章不見的情形
超級令人崩潰的啦wwww

看更多先前的回應...收起先前的回應...

Makedown 需要統一標準 +1

lionlions iT邦新手 3 級 ‧ 2020-10-13 08:35:22 檢舉

我就是整篇消失的那個 /images/emoticon/emoticon02.gif
我要按上傳照片結果那條Toolbar突然隱身就跟原PO說的一樣
結果整個畫面上移去按到"技術文章"
嘿嘿~尖叫聲~~ /images/emoticon/emoticon04.gif

Markdown 有統一吧XD
只是提供的功能太少
所以各家編輯器就自己擴充,反而大家都沒辦法相容
所以我一直認為 Markdown 也不是那麼好用

DanSnow iT邦好手 1 級 ‧ 2020-10-13 16:00:55 檢舉

沒統一的人是 HackMD 吧,他們改超多的耶,我一直不懂 code block 的語言後加的那個 = 是什麼意思

elleryq iT邦新手 4 級 ‧ 2020-10-13 23:05:17 檢舉

我是用 notion 寫好再轉貼過來,沒遇到什麼大問題。

QQBoxy iT邦研究生 5 級 ‧ 2020-10-15 13:35:12 檢舉

Code Block 後顯示的 = 是用來設定自定義起始行數的:
https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-use-code-blocks-tw

9
CSScoke
iT邦新手 3 級 ‧ 2020-10-13 11:30:14

我是對刪除按紐比較感冒,大大一顆,每次按個編輯都要提心吊膽的,很怕按錯(笑)

長庚 iT邦新手 3 級 ‧ 2020-10-13 21:56:10 檢舉

因為切換畫面後工具欄會突然消失造成畫面位移,所以我有遇過一次要按發布按紐時,發生位移變成刪除草稿,好險沒按下去(這機率非常非常低,我現在也還原不出來,正常操作下是不會發生)XD,反正現在都是先按存檔再按發布XD

lexpaulz iT邦新手 5 級 ‧ 2021-05-06 21:57:39 檢舉

just reading

2
King Tzeng
iT邦新手 3 級 ‧ 2020-10-13 20:41:08

我是很怕更改文章的時候,不小心會按成刪除文章...
這樣就GG了...
所以我都在VScode先寫好才貼過來> <

長庚 iT邦新手 3 級 ‧ 2020-10-13 21:56:20 檢舉

因為切換畫面後工具欄會突然消失造成畫面位移,所以我有遇過一次要按發布按紐時,發生位移變成刪除草稿,好險沒按下去(這機率非常非常低,我現在也還原不出來,正常操作下是不會發生)XD
反正現在都是先按存檔再按發布XD

超怕...(抖/images/emoticon/emoticon21.gif

2
Maxwell Alexius
iT邦新手 5 級 ‧ 2020-10-13 20:58:09

我是希望可以有追溯編輯歷史的功能,這個很複雜的話至少希望有自動儲存的功能,因為之前有幾次都是還沒儲存不小心按到重整頁面就 G 掉,一兩段甚至到半篇文章都要重打,圖片都要重傳

看更多先前的回應...收起先前的回應...

https://ithelp.ithome.com.tw/articles/10217518
去年 dragonH 大有寫套件來做這件事XD

dragonH iT邦超人 5 級 ‧ 2020-10-14 11:54:05 檢舉

/images/emoticon/emoticon42.gif

可惡,太晚看到,不曉得寫過多少冤枉文
/images/emoticon/emoticon02.gif

lexpaulz iT邦新手 5 級 ‧ 2021-05-06 21:56:57 檢舉

love

0
QQBoxy
iT邦研究生 5 級 ‧ 2020-10-15 13:27:36

本來有想寫 Script 來改寫 Editor 顯示的問題,
後來還是決定寫在 HackMD 使用基本語法,
寫好要發文時再貼過來把圖片重新上傳,
因為光寫文章的時間就不夠用了...Orz

但其實我遇到最困擾的是,
HackMD 寫到兩千多行後開始大 Lag 了(倒地

1
Terry L.
iT邦研究生 3 級 ‧ 2020-10-15 14:08:42

用本機端的 Markdown 工具編輯,例如 Boostnoe。也是很久以前這裡的網友推薦的。因為是本機端,隨寫隨存,電腦當掉也沒關係。不管是用那一種方法,先在自己電腦打好再貼上去即可。

我要發表回答

立即登入回答