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