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="news-wrap">
<div class="content-box">
<div class="title-wrap">
<div class="flex-start">
<img src="../../../../resources/jpg/mat-img-d.png" alt="기업홍보관 아이콘" class="title-icon">
<h2 class="main-title">기업홍보관</h2>
</div>
</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>