https://blog.zhoujump.com/en/tags/vue/ Recent content in Vue on Zhou's blog Hugo -- gohugo.io en Tue, 26 Aug 2025 00:00:00 +0000 https://blog.zhoujump.com/en/p/contenteditable-vue/ Tue, 26 Aug 2025 00:00:00 +0000 https://blog.zhoujump.com/en/p/contenteditable-vue/ <img src="https://blog.zhoujump.com/en/p/contenteditable-vue/cover.en.webp" alt="Featured image of post Two-way data binding of contenteditable elements in Vue" /><blockquote> <p>This article is published on my personal website, original link: <a class="link" href="https://blog.zhoujump.com/en/p/contenteditable-vue/" target="_blank" rel="noopener" >Two-way data binding of contenteditable elements in Vue</a></p></blockquote> <p>A record of what to pay attention to when using the contenteditable attribute in Vue.</p> <h2 id="contenteditable">contenteditable </h2><h3 id="usage">Usage </h3><p>Adding contenteditable=&ldquo;true&rdquo; attribute to any element can make the element editable. It can achieve richer editing control layout than ordinary input and textarea. For example, an editor that can embed tags like this: <img src="https://blog.zhoujump.com/p/contenteditable-vue/1-1.webp" width="1111" height="552" loading="lazy" alt="A text editor that can embed tags" class="gallery-image" data-flex-grow="201" data-flex-basis="483px" ></p>