All your title are belong to body

リモートハッカソン

今日は大阪でMTのハッカソンが開催されているとのことで、私もリモートから参戦してみます。

@aklaswadさんのTagOverrideと、今朝ほどリリースしたPreloadTemplateで、テンプレートを作成するだけでできる管理画面のカスタマイズに挑戦しました。

ムービー

ムービー全体が表示されない場合はこちらのリンクから表示をしてください。
ムービー

手順

• TagOverrideとPreloadTemplateをインストールします。
• 以下の内容でプレロードテンプレートを作成します。

  <mt:TagOverride name="Include">
  
    <mt:If name="args{id}" eq="footer_include">
    <script type="text/javascript">
      jQuery(function($) {
        var content = $('#editor-content-textarea');
        var title = $('#title');
        if (! (content.length && title.length)) {
          return;
        }
  
        function updateTitle() {
          title.attr('readonly', 'readonly');
  
          if (window.app && window.app.currentEditor == 'content') {
            title.val($.trim(window.app.editor.getHTML().replace(/<[^>]*>/gi, '')).substring(0, 100));
          }
  
          setTimeout(updateTitle, 1000);
        }
        updateTitle();
  
        title.click(function() {
          alert('All your title are belong to body');
          title.blur();
        });
      });
    </script>
    </mt:If>
  
    <mt:SuperTag />
  
  </mt:TagOverride>
  

• カスタマイズ完了です。編集画面でタイトルが入力できなくなり、本文の内容がタイトルとして利用されるようになりました。