다른 프레임워크와 css 충돌을 피하기 위해 rhymix.less의 class/id 이름에 prefix 처리

변경전의 xe.less 파일도 rhymix.less와 함께 load 하여 호환정 유지

CSS 충돌 예)
bootstrap의 .btn
사용 예)
bootstrap 사용시엔 {Context::unloadBasicFiles('xe')}으로 unload 시키면 문제없음
This commit is contained in:
conory 2018-08-03 19:45:30 +09:00
parent 30e0a5c583
commit b1cb1f3f34
251 changed files with 938 additions and 776 deletions

View file

@ -24,7 +24,7 @@
var thisPlugin = this;
// extract target text nodes
this.extractTargets($('.xe_content'));
this.extractTargets($('.rhymix_content, .xe_content'));
$(this.targets).each(function(){
thisPlugin.cast('AUTOLINK', [this]);
@ -63,7 +63,7 @@
},
extractTargets : function(obj) {
var thisPlugin = this;
var wrap = $('.xe_content', obj);
var wrap = $('.rhymix_content, .xe_content', obj);
if(wrap.length) {
this.extractTargets(wrap);
return;
@ -93,7 +93,7 @@
xe.registerPlugin(new AutoLink());
$(document).on('click', '.xe_content a', function() {
$(document).on('click', '.rhymix_content a, .xe_content a', function() {
if (!$(this).attr("target")) {
$(this).attr("target", "_blank");
}

View file

@ -82,7 +82,7 @@ describe('Autolink trigger', {
// ]]></script>
</head>
<body>
<div class="xe_content" style="display:none">
<div class="rhymix_content" style="display:none">
<div id="test1">This is autolink test. This text don't have any link text.</div>
<div id="test2">http://mygony.com</div>
<div id="test3">Go to http://mygony.com</div>

View file

@ -256,4 +256,4 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
// execute above function
initPhotoSwipeFromDOM('.xe_content');
initPhotoSwipeFromDOM('.rhymix_content, .xe_content');

View file

@ -1 +1 @@
.xe_content img{max-width:100%;height:auto !important}
.rhymix_content img, .xe_content img{max-width:100%;height:auto !important}

View file

@ -189,7 +189,7 @@ function getScreen() {
// 이미지 슬라이드를 보는 함수
function slideshow(event) {
var container = $(this).closest('.xe_content');
var container = $(this).closest('.rhymix_content, .xe_content');
var imglist = container.find("img[rel=xe_gallery]");
var currentIdx = $.inArray($(this).get(0), imglist.get());
var xScreen = getScreen();
@ -242,7 +242,7 @@ $(window).load(function(){
});
}
$('.xe_content').each(function() {
$('.rhymix_content, .xe_content').each(function() {
var contentWidth = dummy.appendTo(this).width();
dummy.remove();
if(!contentWidth) return;