화성@블로그 :: 그리스몽키로 태터툴즈 편집기 고쳐쓰기

지난 번에 포스팅도 하고 태터툴즈 포럼에 가서 글도 썼지만 언제 바뀔지 몰라 그리스몽키 스크립트를 만들어 쓰게 됐다. 만들고 보니 여러가지 넣을 만한 기능들이 생각나서 하나하나 더해가며 천천히 만들고 있다.

현재 바꾼점:

본에코/마인필드를 파이어폭스로 인식하게 함^[각주:1]
티스토리에서 동영상을 넣을 때 웹표준에 맞게 <object> 태그로만 넣게 함^[각주:2]
<blockquote>에 <p> 태그 더함

생각하고 있는 것들:

글을 공개 또는 발행했을 때 피드버너로 핑 보내기^[각주:3]
띄어쓰기 검사 단추 추가^[각주:4]
약자 마크업(<abbr>, <acronym>) 채우기 단추/알아서?
맞춤법 검사 단추^[각주:5]
외래어 표기법 찾아보기 버튼^[각주:6]
<a>에 title을 넣을 수 있게 UI 바꾸기^[각주:7]

덧. 요새 공부좀 해보겠다고 도서관에 다니느라 고칠 시간이 많지 않아 이렇게 공개해두고 천천히 고칩니다. 이 코드가 필요하시면 가져다 쓰시고, 고쳐야 할 점이나 아이디어가 있으면 주저말고 얘기해 주시기 바랍니다. 개선 코드를 제공해 주시는 것도 좋고요. ^^;

// ==UserScript==
// @name        Tattertools Editor Enhancer
// @namespace   http://hwasungkim.com/userscripts/
// @description 태터툴즈 편집기를 내맘대로 바꿔서 쓰기
// @include     http://*/owner/entry/post
// @include     http://*/owner/entry/edit/*
// @include     http://*/owner/entry/movie/*
// ==/UserScript==

(function() {

if (unsafeWindow.attachMovie != undefined) { // 동영상 업로드 창
    // 동영상을 넣는 함수를 새로 씀
    unsafeWindow.attachMovie = function(mainImgUrl, movieId, requireParent) {
      var editor = unsafeWindow.opener.editor;
      if (editor) {
        var flashUrl = "http://flvs.daum.net/flvPlayer.swf?vid=" + movieId;
        var code = '<div class="videoblock"><object type="application/x-shockwave-flash" height="324" width="402" data="' + flashUrl + '"/><param name="mainImage" value="' + mainImgUrl + '"><param name="movie" value="' + flashUrl + '"/><img src="' + mainImgUrl + '.edit" height="324" width="402" alt="' + flashUrl + '"/></object></div>';
        if (editor.editMode == "WYSIWYG")
          editor.contentDocument.body.innerHTML += '<img class="tatterMovie" src="' + mainImgUrl + '.edit" longDesc="' + editor.objectSerialize(code) + '" height="324" width="402"/>';
        else
          editor.textarea.value += code;
      }
      unsafeWindow.setTimeout("window.close()", 1);
    }
    return;
  }

// 내부 프레임(iframe.tatterVisualArea)
  var STD = unsafeWindow.STD;
  if (STD == undefined)
    return;

var editor = unsafeWindow.editor;

// 본에코/마인필드에서 위지윅 모드를 쓸 수 있게 함
  if (STD.isMozilla) {
    var editWindow = document.getElementById("editWindow");
    editor.textarea = editWindow;
    customCommands.ToggleMode = function() {
      STD.isFirefox = true;
      STD.isMozilla = false;
      var script = editWindow.nextSibling.nextSibling.nextSibling.nextSibling;
      if (script.nodeName == "SCRIPT" && /(\/attach\/\d+\/)/.test(script.textContent))
        editor.initialize(editWindow, unsafeWindow.blogURL + RegExp.$1, "WYSIWYG", "BR");
      delete this.ToggleMode; // 본디 함수로 되돌림
    };
  }

// TTCommand 함수 바꿔치기
  unsafeWindow._TT_TTCommand = unsafeWindow.TTCommand;
  unsafeWindow.TTCommand = function(command, value1, value2) {
    if (command in customCommands)
      customCommands[command]();
    else
      unsafeWindow._TT_TTCommand(command, value1, value2);
  };

})();

단, 이 경우 초기 모드를 위지윅 모드로 바꾸지는 않음(현재 위지윅 모드로 바뀌면 텍스트 모드에서 작성한 형태를 유지하지 못하는 것 같음). [본문으로]
ALA에서 소개한 방법을 씀. [본문으로]
XML-RPC로 핑을 보내는 코드도 짰고, 태터툴즈가 글을 저장하고 이전 페이지로 돌아가는 걸 가로채기도 성공했는데, 팝업창을 여는 부분에서 고민중. [본문으로]
고려대 자연어처리실의 한국어 자동 띄어쓰기 교정기 데모를 쓰고 싶은데 허락을 받아야 함. [본문으로]
우리말 배움터의 온라인 문법/철자검사기를 쓰고 싶지만 역시 허락을 받아야 함. [본문으로]
국립국어원의 외래어 표기법 찾기와 우리말 배움터의 외래어↔한글 상호 변환기가 후보. [본문으로]
태터툴즈 1.0.6.x 까지는 window.prompt로 주소만 입력받고 있지만, 1.1에서는 주소와 target을 입력받을 수 있게 바뀌는 것 같아서 1.1에 맞춰 만들 예정. [본문으로]

일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

화성@블로그

알립니다

그리스몽키로 태터툴즈 편집기 고쳐쓰기

트랙백( http://blog.hwasungkim.com/trackback/41 )

범주

달력

최근에 쓴 글

최근에 달린 댓글

최근에 받은 트랙백

통계