1

こんにちはみんなUIKITの html エディターのサンプルに従いましたが、問題はありませんが、デザインはそうではありません...ドキュメントのすべてに従ったものと同じにはなりませんでしたが、それでも htmleditor のナビゲーションバーのデザインは醜いですこれが私のコードです。ドキュメントに基づいて必要なすべての依存関係を含めているため、cssまたはjavascriptの問題であるかどうかはわかりません

コード：

    <link rel="stylesheet" href="assets/~uikit/css/uikit.min.css">
<link id="data-uikit-theme" rel="stylesheet" href="assets/~uikit/css/uikit.docs.min.css">
<link href="assets/css/docs.css" rel="stylesheet">
<link rel="stylesheet" href="assets/~uikit/css/uikit.addons.min.css">
<link rel="stylesheet" href="plugins/codemirror/lib/codemirror.css">
<body>


<div style="margin-top:100px;" class="uk-container uk-container-center">
<textarea data-uk-htmleditor="{mode:'tab'}">...</textarea>
</div>
</body>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script  src="assets/~uikit/js/uikit.min.js"></script>
<script  src="plugins/codemirror/lib/codemirror.js"></script>
<script  src="plugins/codemirror/mode/markdown/markdown.js"></script>
<script  src="plugins/codemirror/addon/mode/overlay.js"></script>
<script  src="plugins/codemirror/mode/xml/xml.js"></script>
<script  src="plugins/codemirror/mode/gfm/gfm.js"></script>
<script  src="plugins/marked/lib/marked.js"></script>

<script  src="assets/~uikit/js/addons/htmleditor.min.js"></script>

誰かが私のコードを見てください。何が足りないのか、何が間違っているのかわかりません

4

1 に答える 1

2

ここでも同じ問題があります。htmleditor.less がコンパイルされていないようです。Uikit docs CSS をダウンロードしたところ、正常に動作しています。コンパイルされていない理由を見てみましょう。

http://getuikit.com/docs/css/uikit.docs.min.css

乾杯

于 2014-10-18T18:21:02.813 に答える