fix FE send font style to BE and save

yennanliu · Nov 22, 2023 · b863ea2 · b863ea2
1 parent ff4e8fe
commit b863ea2
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/springBootBlog/src/main/resources/templates/post/create_post.html b/springBootBlog/src/main/resources/templates/post/create_post.html
@@ -38,10 +38,14 @@ <h1 align="center">Create A New Post</h1>
             <option value="Times New Roman, serif">Times New Roman</option>
             <option value="Courier New, monospace">Courier New</option>
         </select>
-
         <label for="font-color">Font Color:</label>
         <input type="color" id="font-color" onchange="changeStyle()">
     </div>
+
+    <input type="hidden" th:value="20px" name="selectedFontSize" id="selectedFontSize"  th:field="*{FontSize}" />
+    <input type="hidden" th:value="Ariel" name="selectedFontStyle" id="selectedFontStyle" th:field="*{FontStyle}" />
+    <input type="hidden" th:value="red" name="selectedFontColor" id="selectedFontColor" th:field="*{FontColor}" />
+
     <textarea id="content" name="courseMemo" th:field="*{content}" oninput="changeStyle()">blog content</textarea>
     <p><input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p>
 </form>
@@ -53,9 +57,17 @@ <h1 align="center">Create A New Post</h1>
             var fontStyle = document.getElementById('font-style').value;
             var fontColor = document.getElementById('font-color').value;
 
+            console.log(">>> fontSize = " + fontSize);
+
             content.style.fontSize = fontSize;
             content.style.fontFamily = fontStyle;
             content.style.color = fontColor;
+
+            document.getElementById('selectedFontSize').value = fontSize;
+            document.getElementById('selectedFontStyle').value = fontStyle;
+            document.getElementById('selectedFontColor').value = fontColor;
+
+            //console.log(">>> content = " + JSON.stringify(content));
         }
     </script>
 </body>