Editor.md和Semantic UI样式冲突了怎么解决？

Question

问题遇到的现象和发生背景

问题相关代码

<form action="" method="post" class="ui form">
        <div class="ui secondary segment" style="margin: 0">
            <div class="ui grid">
                <div class="twelve wide column">
                    <div class="ui fluid big input">
                        <input type="text" placeholder="输入文章标题……" autofocus>
                    </div>
                </div>
                <div class="four wide column">
                    <button type="button" class="ui big teal button">发布文章</button>
                    <!--头像下拉菜单-->
                    <div class="ui dropdown user-menu" style="margin-left: 1rem">
                        <img src="https://picsum.photos/100" alt="头像未加载" class="ui mini avatar image user" style="width: 40px; margin-bottom: 0.5rem">
                        &nbsp;&nbsp;<span style="font-weight: bold">邓文彬</span>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a href="" class="item"><i class="user icon"></i>我的主页</a>
                            <a href="" class="item"><i class="star icon"></i>我的收藏</a>
                            <a href="" class="item"><i class="cog icon"></i>设置</a>
                            <a href="" class="item"><i class="sign-out icon"></i>退出</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="md-editor">
            <textarea name="content" style="display: none"></textarea>
        </div>
    </form>


/*初始化markdown编辑器*/
            var mdEditor = editormd('md-editor', {
                width: '100%',
                height: '100%',
                syncScrolling: 'single',
                path: '../../static/lib/editor.md/lib/',
                placeholder: '输入文章内容……',
                htmlDecode: 'style,script,iframe|on*',
                emoji: true
            });