Svelte基础
Svelte高阶
上下文API
特殊元素
接下来
SvelteKit基础
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion
有contenteditable
属性的元素支持 textContent
和innerHTML
绑定:
Elements with a
contenteditable
attribute supporttextContent
andinnerHTML
bindings:
App
<div bind:innerHTML={html} contenteditable></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
let html = $state('<p>Write some text!</p>');
</script>
<div contenteditable></div>
<pre>{html}</pre>
<style>
[contenteditable] {
padding: 0.5em;
border: 1px solid #eee;
border-radius: 4px;
}
</style>