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