mip-ueditor
簡介
mip-ueditor用于將ueditor富文本產(chǎn)出的頁面，直接轉(zhuǎn)換為符合mip標(biāo)準(zhǔn)的mip頁面,方便站長使用在ueditor的時候能夠與mip無縫鏈接。
安裝
將安裝包中的mip-ueditor.min.js引入項(xiàng)目即可, mip-ueditor只包含插件部分,ueditor相關(guān)配置請自行下載。
快速開始
ueditor頁面:
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
<script src='./mip-ueditor.min.js' charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">
</head>
<body>
</body>
<script>
var mipObj = UE.getEditor('editor').getMipContent();
</script>mip頁面:
<mip-ueditor> // 產(chǎn)出的mip html </mip-ueditor>
詳細(xì)說明
getMipContent函數(shù)來至于ueditor擴(kuò)展，直接使用即可。插件將會返回一個對象 。對象屬性詳見API參考.
API參考
mipHtml屬性
mipHtml為ueditor產(chǎn)出頁面轉(zhuǎn)換后的mip html字符串
mipStyle屬性
mipStyle為ueditor產(chǎn)出頁面轉(zhuǎn)換后的mip css字符串,是mipHtml字符串抽離后的樣式。
mipPage屬性
mipPage為mipHtml+mipStyle后的產(chǎn)出模型為一個完整的miphtml頁面
使用中可能遇到的問題
編輯樣式與產(chǎn)出樣式不符合。請檢查在ueditor編輯頁面是否引用了mip.css。mip.css的有部分樣式重置，在編輯時請務(wù)必引入
我有樣式主題怎么辦？因?yàn)橥獠恳氲腸ss樣式，暫時無法覆蓋。我們?yōu)橹黝}提供了mip標(biāo)簽，在使用時需手動在mip頁中加入主題css.看起來就像這樣
<style>
mip-ueditor p {
color: #333;
}
</style>
<mip-ueditor>
<p>我就單純測試一下</p>
</mip-ueditor>瀏覽器支持
ie9+
技術(shù)支持
當(dāng)前版本
tag v1.0.0
版本更新
tag v1.0.0 2017年3月14日
License
Copyright (c) 2016, Baidu Inc. All rights reserved.
其實(shí)他出來了這個，我覺得是非常有必要的，要是能出個本地MIP 軟件編輯器就更好了~~ 這個MIP編輯器吧直接把里面的東西都規(guī)則化了，以后我們就省去了改模板還加個正則上去的麻煩，像我這樣的，寫個正則都得折騰半個小時的，就非常適合用這種產(chǎn)品~
GitHub地址：https://github.com/MIP-solution/ueditor
