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