72 lines
2.0 KiB
PHP
72 lines
2.0 KiB
PHP
<div class="board-container">
|
|
<div class="board">
|
|
<!-- <textarea id="editor"></textarea> -->
|
|
<div class="board-contents gap10">
|
|
|
|
<div id="toolbar">
|
|
<!-- expand button -->
|
|
<button class="expand-button"><i class="bi bi-arrows-angle-expand"></i></button>
|
|
|
|
<!-- Inline style -->
|
|
<span class="ql-formats">
|
|
<select class="ql-font expand-tool"></select>
|
|
<select class="ql-size"></select>
|
|
<select class="ql-color"></select>
|
|
<select class="ql-background expand-tool"></select>
|
|
|
|
|
|
<!-- Text format -->
|
|
|
|
<button class="ql-bold"></button>
|
|
<button class="ql-italic expand-tool"></button>
|
|
<button class="ql-underline"></button>
|
|
<button class="ql-strike expand-tool"></button>
|
|
|
|
|
|
<!-- Blockquote, Code block -->
|
|
|
|
<button class="ql-blockquote expand-tool"></button>
|
|
<!-- <button class="ql-code-block"></button> -->
|
|
|
|
<!-- List -->
|
|
|
|
<button class="ql-list" value="ordered"></button>
|
|
<button class="ql-list" value="bullet"></button>
|
|
<button class="ql-indent expand-tool" value="-1"></button>
|
|
<button class="ql-indent expand-tool" value="+1"></button>
|
|
|
|
|
|
<!-- Add the alignment buttons -->
|
|
|
|
<select class="ql-align">
|
|
<option selected></option>
|
|
<option value="center"></option>
|
|
<option value="right"></option>
|
|
<option value="justify"></option>
|
|
</select>
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<!-- Media -->
|
|
<!-- <span class="ql-formats">
|
|
<button class="ql-link"></button>
|
|
<button class="ql-image"></button>
|
|
<button class="ql-video"></button>
|
|
</span> -->
|
|
</div>
|
|
|
|
|
|
<div id="editor" spellcheck="false">
|
|
</div>
|
|
<button class="board-submit basic-btn">저장</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="board-btn"><i class="bi bi-question-circle"></i></div>
|
|
</div>
|
|
|
|
<script src="<?= _SVC_INC_URL_ ?>/js/boardBtn.js"></script> |