File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="admin-wrap">
<div class="content-box">
<div class="title-wrap">
<h2 class="main-title">홍보 / news</h2>
</div>
<div class="content-wrap">
<table class="insert-table">
<tbody>
<tr>
<th>제목</th>
<td><input type="text" name="" id="newsTitle"></td>
</tr>
<tr>
<th>내용</th>
<td><textarea name="smart" id="smart" style="width:100%"></textarea></td>
</tr>
</tbody>
</table>
<div class="btn-wrap">
<button class="dark-gray-btn" @click="selectList">이전</button>
<button class="blue-btn">글쓰기</button>
</div>
</div>
</div>
</div>
</template>
<script>
import '@toast-ui/editor/dist/toastui-editor.css';
export default {
data() {
return {
oEditors:[], // oEditors는 스마트에디터용
};
},
methods: {
selectList:function(){
this.$router.push({ path: '/adm/newsSelectList.page'});
},
},
watch: {},
computed: {},
components: {},
mounted() {
// 스마트 에디터 적용
const oEditors = this.oEditors;
nhn.husky.EZCreator.createInIFrame({
oAppRef: oEditors,
elPlaceHolder: "smart",
sSkinURI: "/client/smarteditor2-2.8.2.3/SmartEditor2Skin.html",
htParams: {
bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
bSkipXssFilter : true,
bUseVerticalResizer: true,
bUseModeChanger: true
},
fCreator: "createSEditor2"
});
}
};
</script>
<style scoped>
.news-wrap,
.content-box {
width: 100%;
height: 100%;
font-size: 1.3rem;
}
.insert-table {
border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;
}
textarea{
width: 100%;
height: 450px;
}
.dark-gray-btn{
margin-right: 5px;
}
</style>