將圖像置於stackedit.io中

Question

我正在使用stackedit markdown編輯器編寫一篇文章。 如何將我上傳的圖片放在我的文檔中？

此外，如何控制我的文本對齊，而不僅僅是圖像？ 我在論壇上讀了其他一些問題，但恐怕給出的答案在這個特定的編輯器上不起作用。

Answer 1

確實，stackedit.io似乎並沒有作爲降價的一部分，本地支持對齊。它看起來好像任何style屬性在顯示時似乎都被清理掉了，所以float: left和float: right將不起作用。雖然似乎有一些解決方法。

您基本上必須選擇使用已棄用的標記/屬性或使用由stackedit.io定義的類。不能保證這些課程將來不會改變，儘管它們中的大多數都是如此標準以至於不太可能。

左，右對齊的圖像

正如@伊姆蘭 - 阿里所說，你可以使用一個imgalign標籤：

<img align="left" src="https://www.gravatar.com/avatar/a6596d9955d2df59402c150f699bc8b8?s=32&d=identicon&r=PG&f=1" style="float:right"></img> Some text which should appear to the right of the image.

然而，像<center>標籤，該align屬性有在HTML5中已被棄用，您應該避免使用它們。

您還可以嘗試背馱式降價使用的某些款式，因爲class屬性似乎沒有被清理。

<img class="pull-left" src="https://www.gravatar.com/avatar/a6596d9955d2df59402c150f699bc8b8?s=32&d=identicon&r=PG&f=1" style="float:right"></img> Some text which should appear to the right of the image.

如果你想將圖像右對齊，只是交換align="left"或class="pull-left"與align="right"或class="pull-right"。

注：

• 的圖像仍然來自文本之前，即使你想將其調整到正確的。
• 圖像需要與文本在同一行，在降價編輯器中......否則會在圖像和文本之間放置換行符。

中心圖片

只有兩種方法可以做到這一點，我可以計算出，效果不理想。同樣，你可以背馱式斷stackedit.io顯示CSS（在中心塊級）：

<img class="center-block" src="https://www.gravatar.com/avatar/a6596d9955d2df59402c150f699bc8b8?s=32&d=identicon&r=PG&f=1"></img>

或者你可以使用<center>標籤，其中，如前面提到，已被棄用。

Answer 2

如在相關的SO Question

本地降價不支持文本對齊沒有HTML和CSS描述。

這裏是我試圖和它完美的作品上StackEdit

<p style="text-align: center;"> 
Para centered 
</p> 
<p style="text-align: left;"> 
Para left 
</p> 
<p style="text-align: right;"> 
Para right 
</p> 

對於圖像對準我已經測試過的左，右與IMG標籤排列如下：

<img style="float: right;" src="whatever.jpg"> </img> 
<img style="float: left;" src="whatever.jpg"> </img> 

兩個他們工作完美，但style = "float: center;"不起作用