和諧Froala editor編輯器

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

於是就想到要去掉它,根據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: 重複大量粘貼時,瀏覽會崩潰掉:

瀏覽器崩潰沒關係,人不能崩潰啊~

經過研究,不能直接將提示信息那個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;
}

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章