Rev. 2.73

people.jpg

CodeMirror는 각종 컴퓨터 프로그램 코드를 웹상에서 쾌적한 환경으로 편집할 수 있도록 구축하는데 도움주는 자바스크립트 라이브러리입니다. 전문 코드 편집기에 상응하는 문법 강조 및 코드 편집기능들을 제공합니다. 특히 다중 편집 모드를 지원하여 HTML + CSS + JavaScript 또는 HTML + PHP처럼 여러 언어를 복합적으로 편집할 때에도 문법을 강조할 수 있습니다. 사용할 수 있는 언어로는 JavaScript, XML/HTML, CSS, SPARQL, PHP, Python, Lua, Ruby, SQL 이 있으며, 크로스-브라우저를 지원합니다. 구글의 API 놀이터어스 KML 셈플러, 파이어버그 플러그인인 FireRainbow 등에서 CodeMirror를 이용한 편집기를 제공하거나 문법 강조기능을 활용하고 있습니다. 보다 자세한 사용법은 API 문서를 참조하세요.

var editor = CodeMirror.fromTextArea('code', {
  height: "350px",
  parserfile: [
    "parsexml.js", "parsecss.js", "tokenizejavascript.js",
    "parsejavascript.js", "parsehtmlmixed.js"
  ],
  stylesheet: [
    "css/xmlcolors.css", "css/jscolors.css", "css/csscolors.css"
  ],
  path: "js/"
});

Comments

Get yahoo.com, Get naver.com, Get daum.net,
yql128.gif

YQL(Yahoo! Query Language)을 가지고 놀아 보았습니다. YQL은 웹 데이터에 대한 쿼리, 필터 및 결합 기능을 제공하여 보다 빠른 매시업 컨텐츠를 생산할 수 있도록 도와주는 YDN의 서비스입니다. 가지고 오고자하는 웹사이트의 URL과 컨텐츠가 있는 곳까지의 XPath 또는 CSS 선택자 정보로 쿼리하면 정확한 HTML 리소스를 얻을 수 있습니다. YQL 콘솔에서 직접 쿼리를 만들어 보세요. 이제 API를 제공해 줄 때까지 손까락 빨고 앉아있지 않아도 되겠네요. 보다 자세한 사용법은 YQL을 이용해 웹사이트 스크랩 위젯 만들기를 참고하세요.

  function getXDomainContent(url) {
    code.update("Loading...");

    if (!url.match('^http')) throw new Error('WTF?');
    new Ajax.JsonP("http://query.yahooapis.com/v1/public/yql?"+
              "q=select%20*%20from%20html%20where%20url%3D%22"+
              encodeURIComponent(url)+
              "%22%20and%20xpath%3D%22%2Fhtml%2Fbody%22&format=xml'", {
      onComplete: function(data) {
        code.up('pre').removeClassName('parsed');
        if (data.results[0]) {
          data = data.results[0].replace(/</g, "&lt;");
          code.update(data);
        } else {
          var errormsg = '<p>Error: could not load the page.</p>';
          code.update(errormsg);
        }
        Firejune.syntax();
      }
    });
  }

Comments