텍스트 편집기에서 배치 단추 형식 (클래스)이 제대로 작동하지 않습니까?

Question

아마 내가 여기에서 최고의 연습에 대한 단서를 얻지는 못했지만 fullTinyMCE가 아닌 tinyMCE 내에 깨끗한 버튼을 만들 수는 없다.

포장을하면 링크가 항상 적절한 흰색 대신 기본 링크 색상을 갖게됩니다. 물론 이것은 일반적으로 맞지만 버튼에는 맞지 않습니다. 무료 Bootstrap 테마로이 작업을 시도해도 동일한 결과가 나타납니다.

<a href="#"><button class="btn btn-primary" type="button">Click here</button></a> 

을하지만, 다음과 같습니다 :

래핑는 다음과 같이한다

<span class="btn btn-primary"><a data-mce-href="#" href="#">Click here</a></span> 

나는이에게 자신을 해결하고자하지만, 난 여전히 IP의 기초를 배우고 있어요. 어디에서 시작해야합니까? 아니면 가장 적합한 방법/모범 사례가되어야합니까?

그것은 TinyMCE에에 문제의 문서

Answer 1

, 감사합니다. <a> 내에 <span class="btn"> 요소를 동봉해야합니다. 그러나 어떤 이유로 그것은 다른 방향으로 움직입니다.

이것은 알려진 문제입니다. 이 문제를 해결할 수있는 추가 CSS 규칙이있는 솔루션이 추가됩니다.

빠른 문제는 행동 해킹입니다. 버튼 스타일로 링크를 만들 때 링크 텍스트 (예 : ".my 링크")에 추가 기호를 추가하십시오. 그런 다음 전체 문자열을 선택하고 앵커 (링크/URL)를 적용하십시오. 그런 다음 추가 문자가없는 문자열을 선택하십시오 (예 : 점 제외)하고 단추 스타일을 적용하십시오. 마지막으로 여분의 문자를 삭제하십시오. 이 시퀀스에서 TinyMCE는 올바른 순서로 HTML 요소를 생성합니다.