Permettez-moi de vous parler des concepts de base et des avantages de Markdown
Markdown est une langue de balisage qui peut être écrite dans un éditeur de texte normal. Grâce à une syntaxe de balisage simple, il peut faire en sorte que le contenu texte ordinaire ait un certain format.
Markdown est un langage de balisage léger avec de nombreux avantages et est actuellement largement utilisé par de plus en plus de passionnés d'écriture et d'écrivains. Veuillez ne pas être confus par les marques et la langue lorsque vous voyez cela. La syntaxe de Markdown est très simple. Il n'y a pas plus de dix symboles de balisage couramment utilisés. Par rapport à la langue de balisage HTML plus complexe, Markdown est très léger et ne nécessite pas trop de coût d'apprentissage. Une fois que vous connaissez cette règle de syntaxe, elle aura un effet unique et pour tous.
Avantages de l'utilisation de Markdown
Concentrez-vous sur votre contenu texte au lieu de la police et écrivez avec la tranquillité d'esprit.
Exportez facilement vos propres fichiers HTML, PDF et .MD.
Contenu en texte brut, compatible avec tous les éditeurs de texte et les logiciels de traitement de texte.
Modifiez à tout moment votre version de votre article, sans avoir à générer plusieurs versions de fichiers comme un logiciel de traitement de texte qui peut provoquer une confusion.
Coût d'apprentissage lisible, intuitif et faible.
Markdown est une bonne langue de balisage et devient de plus en plus populaire en tant que syntaxe de l'éditeur. Bootstrap est un cadre frontal . La question est donc de dire que le balisage de l'image de Markdown tel que :! [Alt] (URL), qui est généralement converti en HTML sur la page. Comment ajouter des attributs adaptatifs d'image de Bootstrap à l'image pour le moment.
comme:
<img alt = ”Wuhan Optical Valley” src = ”http://cdn.tenteng.me/uploads/2016/05/guang-gu.jpg” class = ”img-presponsive”>
Utilisez simplement JS:
<ScriptType = "Text / JavaScript"> $ (". Contenu img"). addClass ('IMG-Responsive'); </script>N'oubliez pas d'ajouter:
<métaname = "Viewport" Content = "width = Device-width, initial-scale = 1">
De cette façon, les images peuvent être automatiquement mises à l'échelle sur le petit écran du téléphone mobile sans affecter la disposition adaptative de Bootstrap. L'attribut sensible à .img est en fait l'attribut du blocage de l'image et de la largeur max: 100% de l'attribut.
Ce qui précède est la connaissance pertinente de la combinaison Markdown et Bootstrap pour réaliser des attributs adaptatifs des images que l'éditeur introduit. J'espère que ce sera utile à tous!