Tumblr not rendering HTML

Question

У меня есть HTML-код, который будет опубликован в моем блоге Tumblr. это

<div style="border: #000080 1px solid; color: #000; font-family: 'Courier New', Courier, Monospace; font-size: 10pt"> 
<div style="background: #000080; color: #fff; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px">Code Snippet</div> 
<div style="background: #ddd; max-height: 300px; overflow: auto"> 
<ol start="1" style="background: #ffffff; margin: 0 0 0 2.5em; padding: 0 0 0 5px;"> 
<li><span style="background:#ffffff;color:#008000">// server to POST to</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#0000ff">string</span><span style="background:#ffffff;color:#000000"> url = </span><span style="background:#ffffff;color:#a31515">&quot;myserver.com/path/to/my/post&quot;</span><span style="background:#ffffff;color:#000000">;</span></li> 
<li><span style="background:#ffffff;color:#008000">// HTTP web request</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#000000">var httpWebRequest = (HttpWebRequest)WebRequest.Create(url);</span></li> 
<li><span style="background:#ffffff;color:#000000">httpWebRequest.ContentType = </span><span style="background:#ffffff;color:#a31515">&quot;text/plain; charset=utf-8&quot;</span><span style="background:#ffffff;color:#000000">;</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#000000">httpWebRequest.Method = </span><span style="background:#ffffff;color:#a31515">&quot;POST&quot;</span><span style="background:#ffffff;color:#000000">;</span></li> 
<li><span style="background:#ffffff;color:#008000">// Write the request Asynchronously</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#0000ff">using</span><span style="background:#ffffff;color:#000000"> (var stream = await Task.Factory.FromAsync(httpWebRequest.BeginGetRequestStream, httpWebRequest.EndGetRequestStream, </span><span style="background:#ffffff;color:#0000ff">null</span><span style="background:#ffffff;color:#000000">))</span></li> 
<li><span style="background:#ffffff;color:#000000">{</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#008000">//create some json string</span></li> 
<li><span style="background:#ffffff;color:#0000ff">string</span><span style="background:#ffffff;color:#000000"> json = </span><span style="background:#ffffff;color:#a31515">&quot;{ &#92;&quot;my&#92;&quot; : &#92;&quot;json&#92;&quot; }&quot;</span><span style="background:#ffffff;color:#000000">;&gt;</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#008000">// convert json to byte array</span></li> 
<li><span style="background:#ffffff;color:#0000ff">byte</span><span style="background:#ffffff;color:#000000">[] jsonAsBytes = Encoding.UTF8.GetBytes(json);</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#008000">// Write the bytes to the stream</span></li> 
<li><span style="background:#ffffff;color:#000000">await stream.WriteAsync(jsonAsBytes, 0, jsonAsBytes.Length);</span></li> 
<li style="background: #f3f3f3"><span style="background:#ffffff;color:#000000">}</span></li> 
</ol> 
</div> 
</div> 

, но когда я ставлю этот HTML код в своем блоге он делает, как

<div> 
<div>Code Snippet</div> 
<div><ol start="1"> 
<li><span>// server to POST to</span></li> 
<li><span>string</span><span> url = </span><span>"myserver.com/path/to/my/post"</span><span>;</span></li> 
<li><span>// HTTP web request</span></li> 
<li><span>var httpWebRequest = (HttpWebRequest)WebRequest.Create(url);</span></li> 
<li><span>httpWebRequest.ContentType = </span><span>"text/plain; charset=utf-8"</span><span>;</span></li> 
<li><span>httpWebRequest.Method = </span><span>"POST"</span><span>;</span></li> 
<li><span>// Write the request Asynchronously</span></li> 
<li><span>using</span><span> (var stream = await Task.Factory.FromAsync(httpWebRequest.BeginGetRequestStream, httpWebRequest.EndGetRequestStream, </span><span>null</span><span>))</span></li> 
<li><span>{</span></li> 
<li><span>//create some json string</span></li> 
<li><span>string</span><span> json = </span><span>"{ \"my\" : \"json\" }"</span><span>;&gt;</span></li> 
<li><span>// convert json to byte array</span></li> 
<li><span>byte</span><span>[] jsonAsBytes = Encoding.UTF8.GetBytes(json);</span></li> 
<li><span>// Write the bytes to the stream</span></li> 
<li><span>await stream.WriteAsync(jsonAsBytes, 0, jsonAsBytes.Length);</span></li> 
<li><span>}</span></li> 
</ol></div> 
</div> 

Как избавиться-это ...

Answer 1

Существует решение для этого, но это очень уродливо.

Вы должны удалить все свои встроенные стили и дать своим html-идентификаторам и классам вырезать и вставить новый html в сообщение в блоге (убедитесь, что вы выбрали HTML в опции редактора).

В начале основного html-документа вам теперь нужно стилизовать классы и идентификаторы, добавленные в сообщение html в блоге. Перейдите в «Настроить»> «Редактировать HTML».

Это боль, но если вы планируете публиковать подобный стилизованный контент, этот метод будет работать.

Я сохраняю рабочую копию tumblr html, поэтому я могу легко редактировать ее в автономном режиме и просто вырезать и вставлять новый html в редактор, когда и когда я его обновляю.

Надеюсь, это поможет.