Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’強調ã™ã‚‹ - QiitaFacebookã§äººç‰©ã‚’補完ã™ã‚‹ã¨ã€ãã®äººç‰©åã®å‘¨ã‚Šã«æž ãŒè¡¨ç¤ºã•ã‚Œã¦å¼·èª¿ã•ã‚Œã¾ã™ã‚ˆã（gifç”»åƒå‚照）。 ã“ã‚Œã®ã‚„り方を解説ã—ã¾ã™ã€‚ TL;DR textareaã®å¼·èª¿è¡¨ç¤ºã¯ã€textareaã‚’é€æ˜Žã«ã—ã¦å¾Œã‚ã«ã„ã„æ„Ÿã˜ã®èƒŒæ™¯ã‚’è¨ç½®ã—ã¦ã‚‹ã ã‘ textareaã®ä¸ã«DOMを入れã¦ã‚‚表示ã•ã‚Œãªã„ パッã¨è€ƒãˆã‚‹ã¨textareaã®ä¸ã«DOMツリーを入れるã¨ãã‚ŒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã†ã‹ã‚‚知れã¾ã›ã‚“ ãŒã€ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ã¯ç„¡ãã¦ã€ãã®ã¾ã¾æ–‡å—列ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã‚ˆã†ã«textareaã‚„inputã¯ã€ä»–ã®è¦ç´ ã®ã‚ˆã†ã«åè¦ç´ を表示ã™ã‚‹ã®ã§ã¯ãªãã€è‡ªèº«ã®value属性ã®å€¤ã‚’ç”»é¢ã«è¡¨ç¤ºã™ã‚‹åƒãã‚’ã—ã¾ã™ã€‚value属性ã¯æ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã®ã‚‚ã®ãªã®ã§DOMを入れられãªã„ã‚ã‘ã§ã™ã。 強調用ã®DOMã‚’é‡ãã‚ã‚ã›ã‚‹ textareaã«ã¯DOMã‚’ãã®ã¾ã¾å…¥ã‚Œã‚‰ã‚Œãªã„ã®ã§ã€ä»•æ–¹ãŒãªã周り
GitHubã®ã‚ˆã†ãªtextareaã®è£œå®Œæ©Ÿèƒ½ã‚’実装ã™ã‚‹ - カーソルä½ç½®ã®å–å¾— - Qiita
{{#tags}}- {{label}}
{{/tags}}