nhn / tui.editor

🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
http://ui.toast.com/tui-editor
MIT License
17.08k stars 1.73k forks source link

indent, outdent action in WYSIWYG #626

Open ingus26 opened 4 years ago

ingus26 commented 4 years ago

Version

version 1.4.6

Test Environment

Chrome

  1. WYSIWYG mode 에서 indent, outdent가 적용되지 않습니다.

  2. Word 문서의 개행된 내용을 복사 붙여넣기 할 경우 개행이 반영되지 않습니다.

CDN으로 테스트해도 동일합니다.

seonim-ryu commented 4 years ago

@ingus26 Issue 1 works fine with a shortcut, but I've found it not working when using the toolbar. And issue 2 is good for me. Can you tell me the os environment or word version information?

ingus26 commented 4 years ago

issue 1.

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="../resources/tui-editor/markdown-it.js"></script>
<script src="../resources/tui-editor/toMark.js"></script>
<script src="https://uicdn.toast.com/tui.code-snippet/latest/tui-code-snippet.js"></script>
<script src="../resources/tui-editor/squire-raw.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.33.0/codemirror.css"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css"></link>
<link rel="stylesheet" type="text/css" href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.css">
<link rel="stylesheet" href="https://uicdn.toast.com/tui-editor/latest/tui-editor.css"></link>
<link rel="stylesheet" href="https://uicdn.toast.com/tui-editor/latest/tui-editor-contents.css"></link>
<script src="https://uicdn.toast.com/tui-editor/latest/tui-editor-Editor-full.js"></script>
<script src="https://uicdn.toast.com/tui-editor/latest/tui-editor-Viewer-full.js"></script>

  var editor = new tui.Editor({
    el: document.querySelector('#editSection'),
    initialEditType: 'wysiwyg',
    previewStyle: 'tab',
    height: '300px',
    useCommandShortcut: false,
                exts: [{
                        name: 'chart',
                        minWidth: 100,
                        maxWidth: 600,
                        minHeight: 100,
                        maxHeight: 300
                            },
            'scrollSync',
            'colorSyntax',
            'table'
            ],
    toolbarItems: [
        'heading',
        'bold',
        'italic',
                'strike',
        'hr',
        'quote',
        'divider',
        'ul',
        'ol',
        'divider',
        'table',
                'task',
                'image',
                'link'
    ]
});

issue 2. MS Word version → 2013 OS → Windows 10 Pro 64Bit IE → 11 Chrome → 76.0.3809.132

cary-hu commented 3 years ago

+1 we've found that indent outdent take effect on markdown but wysiwyg mode.