Upgrade to Pro — share decks privately, control downloads, hide ads and more …

テキストエディタのブラウザ実装 / tokyo_study

Avatar for oliver oliver
March 03, 2023

テキストエディタのブラウザ実装 / tokyo_study

2023年3月3日の勉強会にて。

Avatar for oliver

oliver

March 03, 2023
Tweet

More Decks by oliver

Other Decks in Programming

Transcript

  1. Ͳ͏΍࣮ͬͯ૷͢Δʁ • ૉ௚ʹ࣮૷͢ΔͳΒ ʮcontenteditableʯଐੑΛ༻͍ ͯؤுΔɻ • ͜ͷଐੑΛ࢖༻͢Δ͜ͱͰɺ DOMʹରͯ͠௚઀ฤू͕Մೳͱ ͳΔɻ •

    Ұݟศརͦ͏ʹݟ͑Δ͜ͷଐੑ ʹɺਓྨ͸೰·͞Εଓ͚͖ͯͨ ʢΒ͍͠ʣɻ https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/contenteditable
  2. Կ͕զʑΛۤ͠Ίͨͷ͔ • ͦ΋ͦ΋ςΩετΤσΟλͱ͍͏ཁ ݅ͷෳࡶੑ • ΩʔϘʔυૢ࡞ͳͲͷϒϥ΢βؒґ ଘͷٵऩ
 ʢྫ͑͹ʮCmd + bʯͰଠࣈʹ͢Δ

    ͱ͔ʣ • IMEʢಛʹ೔ຊޠೖྗʣͷޓ׵ੑ ʢΠϕϯτൃՐͰಘΒΕΔ஋͕มΘ ΔΒ͍͠…?ʣ • ίϐϖ…ΧʔιϧҐஔ… https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/contenteditable
  3. Twitter Widget ϊʔυͷྫ • renderHTMLͰͲͷΑ ͏ʹͯ͠σʔλΛද ࣔ͢Δ͔Λఆٛ • addCommands͸Ϙ λϯͳͲ͔ΒTwitter

    ΛຒΊࠐΊΔΑ͏ʹ ͢Δઃఆ • addPasteRules͸ίϐ ϖͨ࣌͠ʹࣗಈల։ ͞ΕΔ৚݅ઃఆ