AI 글 작성 도우미 플러그인을 이용하여 자동으로 콘텐츠를 생성해 보세요.
텍스트 플러그인으로는플러그인 : 초안 작성을작성, 이미지 첨부 플러그인으로는기능을 글에이용하여 알맞는이미지와 이미지를관련있는 생성해콘텐츠 보세요.
(참고로 텍스트 플러그인은 작성
이미지 첨부플러그인 기능을: 이용하여글에 이미지와알맞는 관련있는 콘텐츠도 작성이 가능합니다.)이미지를 생성
체험하기
| HTML |
|---|
<!-- external modules -->
<script type="text/javascript" src='/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script>
<script type="text/javascript" src='/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script>
<script type="text/javascript" src='/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script>
<script type="text/javascript" src='/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script>
<script type="text/javascript" src="/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script>
<link rel='stylesheet' href='/se/resource/synapeditor/externals/codeMirror/codemirror.min.css'>
<!-- Synap Editor -->
<script src='/se/resource/synapeditor/synapeditor.config.js'></script>
<script src='/se/resource/synapeditor/synapeditor.min.js'></script>
<link href='/se/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'>
<!-- plugins -->
<script src="/se/resource/synapeditor/plugins/aiWriteSupporter/aiWriteSupporter.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/aiWriteSupporter/aiWriteSupporter.min.css">
<script src="/se/resource/synapeditor/plugins/ocr/ocr.min.js"></script>
<style type="text/css">
.se-contents {
padding: 18px 23px;
}
.se-contents p {
margin: 16px 0px;
}
.se-text-body p {
margin: 0px;
}
</style>
<div style="background-color: #ffffff; width:99%; height:500px;">
<div id="synapEditor">
<p><span>AI 글 작성 도우미 플러그인을 이용하여 자동으로 콘텐츠를 생성해 보세요.</span></p>
</div>
</div>
<script>
const config = Object.assign(synapEditorConfig, {
"editor.license":"/se/resource/license.json",
"editor.toolbar": ["new","|", "openTextAI", "openImageAI"],
"editor.menu.show": false,
"aiWriteSupporter.config": {
"text": { "ai": "hcx", "url": "/se/requestHCX", "ocrUrl": "/se/ocr" },
"image": { "url": "/se/requestDalle" }
}
});
window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML);
</script> |
...