<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>
