Как добавить гаджет кода на сайтах Google

Question

У меня есть сайт Google, и мне интересно, как я могу отображать код в блоке кода на моем сайте, что-то похожее на то, как код отображается в stackoverflow или stackexchange. Я искал гаджеты Google, но не смог найти его. Любая идея, если уже есть гаджет, который делает это, или мне нужно создать его.

общественный класс код() {

// Это мой код

}

Answer 1

Это CSS и 4 пробела просто запускает его! Если вы знаете, где вы отправляете код, вы могли бы просто запустить поиск и заменить на «/ n» и «» и сделать его блочным идентификатором кода, который может быть изменен для просмотра.

Answer 2

Вы можете откройте окно HTML на странице и используйте код, завернутый в элемент pre. Вы также можете добавить блок стиля, чтобы восстановить стиль отображения этого элемента кода. Here is an example of a fiddle

<style> 
pre { 
    padding: 5px; 
    background-color: black; 
    color: white; 
} 
</style> 
<p> 
This is an example of a code block 
</p> 
<pre><code> 
    public function exampleCode() { 
    // this is where your code goes 
    } 
</code></pre>