1

textareaにidを指定する必要があるPagedownを使用しwmd-inputます。それは次のように書かれていますMarkdown.Editor.js：

function PanelCollection(postfix) {
    this.buttonBar = doc.getElementById("wmd-button-bar" + postfix);
    this.preview = doc.getElementById("wmd-preview" + postfix);
    this.input = doc.getElementById("wmd-input" + postfix);
};

ただし、textareasのIDが異なるプロジェクトのさまざまな場所でエディターを使用する必要があります。したがって、id属性の代わりにclassを使用すると便利です。どうすればこれを達成できますか？

4

1 に答える 1

2

私はあなたと似たような状況だと思いますが、IDに特に依存しているわけではないので、JSと交換してもかまいません。IDにスタイルを適用していません（それ）。

私が文字通り自分で使用するために書いたものは、おそらくある程度役立つでしょう。つまり、jQueryを使用して、正しいDOM構造を挿入し、正しいIDを適用する（反復が考慮された既存のテキストエリアID）。

$('textarea').each(function(i) {
  var panel = $('<div/>', {'class': 'wmd-panel'});

  panel.append(
    $('<div/>', {'id': 'wmd-button-bar-' + i, 'class': 'wmd-button-bar'}),
    $(this).clone().attr('id', 'wmd-input-' + i)
  );

  $(this).replaceWith(panel);

  panel.after($('<div/>', {'id': 'wmd-preview-' + i, 'class': 'wmd-preview'}));

  var converter = Markdown.getSanitizingConverter();
  var editor = new Markdown.Editor(converter, '-' + i);
  editor.run();
});
于 2012-04-08T21:24:57.907 に答える