Pagedown mit Klassenattribut anstelle von ID

Question

ich benutze Bild nach unten was die Angabe eines Ausweises erfordert wmd-input zum Textbereich.Es ist wie folgt geschrieben 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);
};

Allerdings muss ich den Editor an verschiedenen Stellen des Projekts mit unterschiedlichen IDs von Textbereichen verwenden.Daher wäre es schön, das Attribut class anstelle des id-Attributs zu verwenden.Wie kann dies erreicht werden?

Answer 1

Ich stelle mir vor, dass es Ihnen in einer ähnlichen Situation geht, obwohl ich mich nicht besonders auf meine IDs verlasse, also habe ich nichts dagegen, sie durch JS auszutauschen, ich habe kein Styling auf die IDs angewendet (ich habe Klassen für Das).

Was ich buchstäblich gerade für meinen eigenen Gebrauch geschrieben habe, wird wahrscheinlich von Nutzen sein, kurz gesagt, es verwendet jQuery, um alle auf der Seite gefundenen Textbereiche mit einem WMD-Editor auszutauschen, indem die richtige DOM-Struktur eingefügt und die richtigen IDs angewendet werden (alle werden ersetzt). vorhandene Textbereichs-ID) unter Berücksichtigung der Iteration.

$('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();
});