2010-03-26 4 views
4

TinyMCE는 항상 이미지 정렬이 약간 어려웠습니다. 태그를 정렬하거나 style = "float : left;"를 추가하십시오. 그것이 해결책이었습니다. 이상적으로는 class = "left"또는 class = "right"를 추가하여 이미지의 테두리와 여백을 설정할 수 있습니다.TinyMCE 이미지 정렬

지금까지는 advimage 플러그인을 사용하지 않고이 작업을 수행하는 유일한 방법은 이미지를 삽입하고 선택한 다음 스타일 메뉴에서 스타일을 선택하는 것이 었습니다.

이상적으로 정렬 대화 상자에서 정렬 컨트롤을 사용하여 정렬 클래스를 설정하거나 기본 편집 창에서 도구 모음의 맞춤 컨트롤을 사용할 수 있어야합니다.

난 그냥 다시에 대한 솔루션을 찾고 시작, 지금 IE6 결국 죽을 시작되어, 나는 CSS 그래서, 선택기에

IMG[style="float: left;"] {} 

작품 속성을 사용할 수 있지만, 차라리 클래스를 사용합니다 선택기가 실패하게 만드는 다른 스타일 속성이있는 경우. 그리고 IE6에서는 작동하지 않으며 일부 기업 고객은 여전히 ​​피 묻은 문제를 겪게 될 것입니다!

그래서 TinyMCE 설명서를 살펴본 후 형식 구성 옵션을 찾았습니다. tinyMCE가 다양한 작업에 코드를 적용하는 방법을 지정할 수있는 것으로 보입니다. 여기에서는 IMG 태그를 선택기로 추가하고 alignleft 함수에 대해 "left"클래스를 사용할 수 있습니다.

도구 모음에서 정렬을 선택하면이 클래스가 올바르게 적용되지만 이미지 대화 상자를 통해 정렬이 선택되면 인라인 스타일이 계속 기록됩니다.

내가 잘못했거나 내 고객이 이미지 대화 상자와 툴바에서 이미지 정렬을 선택할 수있게 해주는 더 좋은 방법이 있습니까? 이미지에 클래스를 적용하고 있습니까?

+1

유용하게 IE7이 위의 코드에서 작동하지 않으므로 지금 사용하십시오 : IMG [style * = "left"] –

답변

2

안녕하세요. advimage 플러그인을 사용하고 스타일 (위키의 작은 버그)을 유효한 요소로 사용하면이 작업을 수행 할 수 있습니다. 또한 최신 버전의 위치 지정에 몇 가지 문제가 있다는 포럼에서 읽은 것처럼 tinymce의 버전을 업데이트하십시오.