加入開源團隊 wangEditor 之任務記錄及參後感

你們好，我依然是大家的萌新朋友，梅利奧豬豬，今天是來水一篇文章的，就如標題所示，前方友情提示，這裏是大型水文章現場，如今關閉還來得及！

任務記錄

菜單和編輯區域分離設置默認內容

這個任務，實際上是個很簡單的任務，我花了比較久的時間，主要跑偏了個點，這個跑偏的點對萌新能夠說是乾貨，但並非這個 bug 真正要修復的東西，後面我會詳細的講，先來看如下代碼

<div class="wrap">
  <p>這是個p標籤</p>
  這裏的文字沒在標籤裏
  <p>這也是個p標籤</p>
</div>
複製代碼

你們以爲用戶在默認的文本區域class="wrap"的div內，設置了這些內容，會不會帶入編輯器，不論是說帶入仍是說沒帶入其實都是錯的，答案是帶入了一部分，沒標籤的內容並無帶到實際的編輯區域內，由於咱們的源碼中，只獲取了children，什麼，大家不知道爲何 children 拿不到純文本內容這裏的文字沒在標籤裏，不要擔憂，我一開始也有點忘記了哈哈，能夠看下MDN-children，有這麼一個描述返回 一個 Node 的子 elements ，是一個動態更新的 HTMLCollection。，因此純文本並取不到，要經過 childNodes 去取，這個就能夠拿到對應的文本節點，但又會有其餘的問題，好比返回的是個NodeList，這個和以前的區別就是一個是動態更新的，一個是快照，而後純文本咱們帶入編輯器也須要套上標籤等等。總之重構可能會帶來各類問題。而後我就與老大討論了下，結果得出的結論是，若是是純文本不能帶入的問題，咱們就不作處理了。由於咱們有本身的使用規範，而用戶提的相似的這種需求(當時理解用戶提的 bug 不能把內容帶進編輯器覺得是這種場景)，至關因而本身定製化的需求，咱們並不該該去幫忙實現，並且純文本套個標籤就這麼懶嘛，不能太寵用戶 balabala，我其實以爲仍是挺有道理的，因而回復了用戶，並等待回覆！

而後過了一陣子，團隊另外個大佬試出了真相，實際上是咱們菜單編輯區域分離，分離後的編輯區域設置默認的內容，就算是帶標籤的也沒有帶入編輯器。那這確定就是咱們的問題了，這怎麼能忍，怎麼可讓用戶受這樣的委屈！分分鐘處理好了這個 bug。截取部分修復的邏輯給你們看下

if (textSelector == null) {
        ...
    } else {
        // toolbarSelector 和 textSelector 都有
        $toolbarSelector.append($toolbarElem)
        // 菜單分離後，文本區域內容暫存
        $subChildren = $(textSelector).children() // new
        $(textSelector).append($textContainerElem)
        // 將編輯器區域原有的內容，暫存起來
        $children = $textContainerElem.children()
    }

    ...

    // 菜單分離後，文本區域有標籤的帶入編輯器內
    if ($subChildren && $subChildren.length) {
        $textElem.append($subChildren)
        // 編輯器有默認值的時候隱藏placeholder
        $placeholder.hide()
    }
複製代碼

因此最終第一個任務就這麼完成了，我也在這個任務中第一次爲開源團隊貢獻了代碼！

秀米和編輯器的適配和接入

這是個調研任務，是個硬骨頭，那爲何我完成了這個任務呢，由於實現成本過高，調研後應該就直接pending了，哈哈具體我還要在團隊輸出調研後的文檔，不過是在語雀輸出，這邊就在這篇水文章大概講下調研後的結果

首先我簡單去了解了下百度編輯器，畢竟用戶說了，秀米在百度編輯器中使用沒問題，但在咱們編輯器裏就各類表現形式不一致，仍是那句話，怎麼能讓用戶受委屈呢！我就趕忙試了試，外加也看了下百度編輯器中有沒有關於接入秀米的文檔。結果貌似撒都沒找到，也發現了咱們的編輯器對秀米的確支持很差(哭哭唧唧)。那再去秀米官網看看？功夫不負有心人，在秀米官網的底部看到了第三方對接秀米，這不就是我想要找的嘛！激動，因而點進連接，看到了這個

以後嘛，就是繼續和老大討論唄，結果結論就是相對實現成本比較高，就先pending。因此第二個任務也就告段落，也算輕鬆完成了調研任務，調研了相關可行性。

參後感

年輕人不講武德

做爲 90 後又老又菜的鹹魚，爲何會把這個列在參後感第一條，那必須是感覺太強烈了。由於加入團隊後，看到團隊成員裏還有沒有畢業的大佬，有不少工做 1 年也沒到的大佬！這些年輕人個人媽呀！oh my god！技術又強，又自律，又愛學習，我在他們這個年紀的時候，那真的是鹹魚，太自愧不如了（上次好像寫了篇文章也大概提到了這個- -）！而後帶我熟悉流程的 61 大佬，就是才工做半年的大佬，比我早加入一個月，是個天天都會早起學習的不講武德的年輕人(在他的感染下，我如今也比平時起的早一丟丟，剛剛開啓了自律的早起學習生活)。哈哈我偷了他朋友圈的圖，你們感覺下！

無論怎麼說，一我的能長期堅持作一件事情，哪怕是打遊戲，我都以爲是很厲害，是值得尊敬的強者，好比日本格鬥電競的職業選手梅原大吾，也是這樣，努力堅持學習就是他們最強的天賦。因此我也給本身定了這樣的目標(不是強者那也要向強者學習先模仿起來)！在本身遊戲荒的時候，每天早起擼會碼，而後有本身想玩的遊戲的時候，早起勞逸結合打會遊戲不香嘛（滑稽臉，我真是個小天才），再來一張雞湯圖，來自網友對梅原大吾介紹的評價截圖

萌新之瑟瑟發抖

哎，這個也是我感覺很深的，真但願本身能早點變強。團隊裏有的大佬真的一天幾個任務幾個 issue，作完了立馬接新的 issue，而我倒是 n 天一個 issue，並在角落瑟瑟發抖，觀摩大佬學習大佬。不過咱們的開源團隊很是和諧，大佬們都很 nice，很溫油，指導的很耐心，經常在我抖的很是厲害的時候，在我黑暗的前行的道路上點盞明燈。因此如今我也算是熟悉了團隊的一些基本的流程，在擼碼的時候思路也變清晰點了吧，與大佬們一塊兒努力，讓咱們的產品變得更好吧！

實現夢想體現自我價值的地方

咱們團隊的目標，一直都是官網示例的第一句話爭作國內使用體驗Z好的開源 Web 富文本編輯器！，可能各位看客，會以爲是否是大家開源會有不少收入，大家是怎麼堅持下來的這樣的問題。首先咱們是沒有收入的，你們都是靠自驅去學習，去作好這麼個產品。而後我以爲每個成員（包括我），都想提升本身的技術、讓 wangEditor 有更多人的去使用、獲得同行的承認，也能增長本身的競爭力，體現本身的技術價值。最後我就放幾張截圖，是來自咱們的文檔，咱們老大的掘金文章，以及用戶的一些反饋(偷圖偷來的)，正是這些，聚集了無窮無盡的力量，能讓咱們繼續努力的爲開源事業作出奮鬥！