天天看點

和諧Froala editor編輯器

最近用到Froala editor時,運作到浏覽器,發現會有一個授權的提示,很顯然XXXXXX

和諧Froala editor編輯器

于是就想到要去掉它,根據https://blog.csdn.net/lianzhang861/article/details/83590084最底下的樣式放上去後,确實是去掉了,樣式為(對應新版的樣式應該是z-index:9999,冒号後面沒有空格):

.fr-wrapper > div[style*='z-index: 9999'] {
    position: absolute;
    top: -10000px;
    opacity: 0;
    display: none;
}
           

然而卻發現一個bug: 重複大量粘貼時,浏覽會崩潰掉:

和諧Froala editor編輯器

浏覽器崩潰沒關系,人不能崩潰啊~

經過研究,不能直接将提示資訊那個div隐藏掉,需要稍微繞過一下下~~

最終的樣式如下:

.fr-wrapper {
	margin-top: -39px;
	position: relative;
}

.fr-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #efefef;
	height: 39px;
}

.fr-wrapper>div[style*='z-index:9999'] a {
	overflow: hidden;
	height: 39px;
	padding: 0 !important;
	opacity: 0;
}

           

僅供學習參考,商用還是支援正版吧。

繼續閱讀