kenryuS/sera-new-hp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated packages and added markdown support on card content

Browse Source
This commit is contained in:
Kenryu Shibata
2024-09-27 00:07:24 +09:00
parent e1cac6ff05
commit e512da9a48
4 changed files with 34 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src-manager/pages/new-news.html
View File

@@ -38,7 +38,7 @@
</div>
<label for="cardContent">Card Content:</label>
<input type="text" id="cardContent" name="cardContent" required>
<textarea type="text" id="cardContent" name="cardContent" required></textarea>
<label for="article">Content:</label>
<textarea id="article" name="article" rows="24" cols="80"></textarea>
@@ -58,17 +58,26 @@
</div>
<div>
<h3>Preview</h3>
<div id="preview"></div>
<h4>Card Content</h4>
<div id="preview-card-content"></div>
<h4>Article</h4>
<div id="preview-article"></div>
</div>
</div>
<script>
const markdownPreivew = document.getElementById('preview');
const markdownPreview = document.getElementById('preview-article');
const cardContentPreview = document.getElementById('preview-card-content');
const articleEditor = document.getElementById('article');
const cardContentInput = document.getElementById('cardContent');
const submitButton = document.getElementById('submit-button');
articleEditor.addEventListener('input', () => {
markdownPreivew.innerHTML = marked.parse(articleEditor.value);
markdownPreview.innerHTML = marked.parse(articleEditor.value);
});
cardContentInput.addEventListener('input', () => {
cardContentPreview.innerHTML = marked.parse(cardContentInput.value);
});
submitButton.addEventListener('click', () => {

20
src-manager/pages/update-news.html
View File

@@ -39,7 +39,7 @@
</div>
<label for="cardContent">Card Content:</label>
<input type="text" id="cardContent" name="cardContent" required>
<textarea rows="3" cols="80" id="cardContent" name="cardContent" required></textarea>
<label for="article">Content:</label>
<textarea id="article" name="article" rows="24" cols="80"></textarea>
@@ -60,13 +60,17 @@
</form>
</div>
<div>
<h3>Preview</h3>
<div id="preview"></div>
<h3>Previews</h3>
<h4>Card Content</h4>
<div id="preview-card-content"></div>
<h4>Article</h4>
<div id="preview-article"></div>
</div>
</div>
<script>
const markdownPreivew = document.getElementById('preview');
const markdownPreview = document.getElementById('preview-article');
const cardContentPreview = document.getElementById('preview-card-content');
const articleEditor = document.getElementById('article');
const submitButton = document.getElementById('submit-button');
const cardContentInput = document.getElementById('cardContent');
@@ -85,7 +89,7 @@
coverImagePathInput.value = response.data.coverImagePath;
linkPathInput.value = response.data.linkPath.split('/')[2];
articleEditor.value = response.data.article;
markdownPreivew.innerHTML = marked.parse(articleEditor.value);
markdownPreview.innerHTML = marked.parse(articleEditor.value);
if (response.data.entryType == 0) {
entryTypeArticleInput.checked = true;
} else if (response.data.entryType == 1) {
@@ -95,7 +99,11 @@
.catch((err) => {console.error(err)});
articleEditor.addEventListener('input', () => {
markdownPreivew.innerHTML = marked.parse(articleEditor.value);
markdownPreview.innerHTML = marked.parse(articleEditor.value);
});
cardContentInput.addEventListener('input', () => {
cardContentPreview.innerHTML = marked.parse(cardContentInput.value);
});
submitButton.addEventListener('click', () => {