|
@@ -3,7 +3,19 @@
|
3
|
3
|
<head>
|
4
|
4
|
<meta charset="utf-8">
|
5
|
5
|
<title th:text="${title}"></title>
|
|
6
|
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|
7
|
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
|
|
8
|
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
6
|
9
|
<style>
|
|
10
|
+
|
|
11
|
+ .btn-submit{
|
|
12
|
+ margin-top: 15px;
|
|
13
|
+ display:flex;
|
|
14
|
+ justify-content:flex-end;
|
|
15
|
+ width:100%;
|
|
16
|
+ padding-right:15px;
|
|
17
|
+ }
|
|
18
|
+
|
7
|
19
|
.document-editor {
|
8
|
20
|
border: 1px solid var(--ck-color-base-border);
|
9
|
21
|
border-radius: var(--ck-border-radius);
|
|
@@ -178,15 +190,24 @@
|
178
|
190
|
<body>
|
179
|
191
|
|
180
|
192
|
<h1><span th:text="${heading}"></span></h1>
|
181
|
|
-
|
182
|
|
- <div class="document-editor">
|
183
|
|
- <div class="document-editor__toolbar"></div>
|
184
|
|
- <div class="document-editor__editable-container">
|
185
|
|
- <div class="document-editor__editable">
|
186
|
|
- Editor content is inserted here.
|
187
|
|
- </div>
|
188
|
|
- </div>
|
189
|
|
- </div>
|
|
193
|
+ <form method="post", th:action="@{/}" th:object="${documentContent}">
|
|
194
|
+ <input type="hidden" th:field="*{id}">
|
|
195
|
+ <input type="hidden" th:field="*{generatedId}">
|
|
196
|
+ <div class="document-editor">
|
|
197
|
+ <div class="document-editor__toolbar"></div>
|
|
198
|
+ <div class="document-editor__editable-container">
|
|
199
|
+ <textarea class="document-editor__editable" th:field="*{value}">
|
|
200
|
+ <!-- Editor content is inserted here. -->
|
|
201
|
+ <span th:text="${content}"></span>
|
|
202
|
+ </textarea>
|
|
203
|
+ </div>
|
|
204
|
+ </div>
|
|
205
|
+ <div class="btn-submit">
|
|
206
|
+ <input type="submit" class="btn btn-default btn-lg" value="Submit">
|
|
207
|
+ </div>
|
|
208
|
+ </form>
|
|
209
|
+
|
|
210
|
+
|
190
|
211
|
|
191
|
212
|
<!--
|
192
|
213
|
https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/ckbox.html
|
|
@@ -297,7 +318,7 @@
|
297
|
318
|
'@apple', '@bears', '@brownie', '@cake', '@cake', '@candy', '@canes', '@chocolate', '@cookie', '@cotton', '@cream',
|
298
|
319
|
'@cupcake', '@danish', '@donut', '@dragée', '@fruitcake', '@gingerbread', '@gummi', '@ice', '@jelly-o',
|
299
|
320
|
'@liquorice', '@macaroon', '@marzipan', '@oat', '@pie', '@plum', '@pudding', '@sesame', '@snaps', '@soufflé',
|
300
|
|
- '@sugar', '@sweet', '@topping', '@wafer'
|
|
321
|
+ '@sugar', '@sweet', '@topping', '@wafer', '@alfi'
|
301
|
322
|
],
|
302
|
323
|
minimumCharacters: 1
|
303
|
324
|
}
|