Amebis/BesService
2
2
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

samples: Reorder HTML to group related things together

Browse Source
This commit is contained in:
Simon Rozman 2024-06-18 10:44:33 +02:00
parent 3a8919c260
commit 00b416f8cb
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
samples/grammar-on_off.html
View File

@ -13,6 +13,23 @@
<body>
<p class="my-block">This is an example how to implement dynamic registration and deregistration of a grammar checking service on supported HTML controls.</p>
<p class="my-block"><input id="toggle_grammar_service" type="checkbox" onchange="toggle_grammar_service(this)"/> <label for="toggle_grammar_service">Check grammar as you type</label></p>
<script>
function toggle_grammar_service(el) {
if (el.checked) {
BesService.registerByElement(document.getElementById('textarea-control'))
BesService.registerByElement(document.getElementById('contenteditable-control'))
BesService.registerByElement(document.getElementById('readonly-control'))
if (my_ckeditor)
BesCKService.register(my_ckeditor.ui.view.editable.element, my_ckeditor)
} else {
BesService.unregisterByElement(document.getElementById('textarea-control'))
BesService.unregisterByElement(document.getElementById('contenteditable-control'))
BesService.unregisterByElement(document.getElementById('readonly-control'))
if (my_ckeditor)
BesService.unregisterByElement(my_ckeditor.ui.view.editable.element)
}
}
</script>
<h1 class="my-block">&lt;textarea&gt; Control</h1>
<div class="my-block">
@ -55,30 +72,13 @@ Kvazimodo ji je ponavadi prinesel hrano in pijačo, medtem ko je spala, da ne bi
<p>Kvazimodo ji je ponavadi prinesel hrano in pijačo, medtem ko je spala, da ne bi videla njegov iznakažen in grd obraz. Poleg tega ji je pustil tudi piščalko, da bi ga lahko priklicala, če bi bilo to potrebno. Kvazimodo se je odločil, da razveseli Esmeraldo in ji obljubi, da ji bo pripeljal Febusa. Toda Febus ni želel priti. Kvazimodo ji je raje lagal, da ni mogel najti Febusa, kot da Esmeraldi pove resnico, ker bi ona trpela.</p>
</div>
</div>
<bes-popup-el/>
<script>
let my_ckeditor = null
ClassicEditor.create(document.querySelector('#ckeditor-control'))
.then(editor => my_ckeditor = editor)
.catch(error => alert(error))
function toggle_grammar_service(el) {
if (el.checked) {
BesService.registerByElement(document.getElementById('textarea-control'))
BesService.registerByElement(document.getElementById('contenteditable-control'))
BesService.registerByElement(document.getElementById('readonly-control'))
if (my_ckeditor)
BesCKService.register(my_ckeditor.ui.view.editable.element, my_ckeditor)
} else {
BesService.unregisterByElement(document.getElementById('textarea-control'))
BesService.unregisterByElement(document.getElementById('contenteditable-control'))
BesService.unregisterByElement(document.getElementById('readonly-control'))
if (my_ckeditor)
BesService.unregisterByElement(my_ckeditor.ui.view.editable.element)
}
}
</script>
<bes-popup-el/>
</body>
</html>