어떻게 컨트롤로</p> <pre><code>B I U </code></pre> <p>을 보여주는 WYSIWYG 에디터

내가 https://github.com/akzhan/jwysiwyg을 사용하고

의 제어 순서를 변경하고 그래서 굵은 먼저 옵션으로 표시되지 않은 컨트롤의 순서를 변경 할 수 있습니다.어떻게 컨트롤로</p> <pre><code>B I U </code></pre> <p>을 보여주는 WYSIWYG 에디터

는 내가 B 전에하지만, 그래서

편집기에서 현재

div.wysiwyg ul.toolbar li.bold { background-position: -18px -15px; } 
div.wysiwyg ul.toolbar li.italic { background-position: -1px -15px; }

로 변경, 소스 코드에와 https://github.com/akzhan/jwysiwyg/blob/master/jquery.wysiwyg.css에보고

div.wysiwyg ul.toolbar li.bold { background-position: -1px -15px; } 
div.wysiwyg ul.toolbar li.italic { background-position: -18px -15px; }

을보고 내가 클릭하면, I, 그것은 여전히 과감하며 B를 클릭 할 때 여전히 기울임 꼴입니다. 이 문제를 해결하는 방법? 어쨌든 주 jquery.wysiwyg.css 파일을 편집하지 않고 .css 및 .js 코드를 덮어 쓰시겠습니까? 난 당신이 단순히 다음 코드

의 위치를 변경 wysiwyg.js

의 소스 코드에서 굵은 이탤릭체 속성의 순서를 변경해야 BTW

감사

출처

2013-04-01 iCyborg

RubyonRails을 사용하고 있습니다

bold: { 
      groupIndex: 0, 
      visible: true, 
      tags: ["b", "strong"], 
      css: { 
       fontWeight: "bold" 
      }, 
      tooltip: "Bold", 
      hotkey: {"ctrl": 1, "key": 66} 
     },

및

italic: { 
      groupIndex: 0, 
      visible: true, 
      tags: ["i", "em"], 
      css: { 
       fontStyle: "italic" 
      }, 
      tooltip: "Italic", 
      hotkey: {"ctrl": 1, "key": 73} 
     },

그러나 나는 어떤 CSS도 변경하지 않았지만 여전히 잘 동작합니다. 기본적으로 굵게 : 속성은 this.controls wysiwyg.js 파일의 첫 번째 속성입니다. CSS 파일을 수정하지 않고도 여전히 작동하지 않는 이유는 확실하지 않습니다.

편집 :

데모 : 내가 그들을 위해 CDN 서비스를 찾을 수 없습니다 때문에

http://jsfiddle.net/M2uKK/2/ 내가 바이올린 자체에 필요한 모든 JS와 CSS 파일의 소스 코드를 추가했다. 이미지를 사용할 수 없지만 첫 번째와 두 번째 옵션이 기울임 꼴이고 굵게 표시되어 있음을 계속 볼 수 있습니다.

참고 : 여기에서 내가 만든 유일한 변경 사항은 이전에 설명한대로 굵게 및 기울임 꼴 속성의 위치를 변경하는 것입니다.

출처

2013-04-01 07:27:36

이상한 jquery.wysiwyg.js 파일에서 I 코드를 B 및 B 코드로 이동했습니다. B는 첫 번째 요소이고 두 번째 것은 어떤 아이디어입니까? – iCyborg

바이올린을 보시기 바랍니다. 게재 순위를 변경 한 후 CSS 변경 사항을 취소 했습니까? –

편집중인 항목은 항목의 스프라이트입니다. 페이지에 필요한 모든 이미지가있는 배경이 있고 다른 이미지의 측면에 하나를 넣은 다음 모든 요소에서이 큰 이미지의 위치를 조정하여 요소에 필요한 부분 만 표시합니다.

이렇게 표시되는 이미지 만 변경하고 있습니다.

더 많은 코드를 보지 않고도 원하는 것을 어떻게 달성 할 수 있는지 말할 수 없습니다. 상대적인 포지셔닝일까요?

출처

2013-04-01 07:28:00 vals

어떻게 컨트롤로</p> <pre><code>B I U </code></pre> <p>을 보여주는 WYSIWYG 에디터

답변

관련 문제