Google 사이트에 코드 가젯을 추가하는 방법

Question

Google 사이트를 가지고 있고 내 사이트의 코드 블록에 코드를 표시하는 방법이 궁금합니다. 코드는 stackoverflow 또는 stackexchange에 표시되는 것과 유사합니다. Google 가제트를 찾았지만 찾을 수 없습니다. 어떤 아이디어라도 이미 그 가제트가 있거나 내가 만들어야 할 가젯이 있어야합니다.

공용 클래스 코드() {

//이 내 코드

이다}

Answer 1

그의 CSS와 4 개 개의 공간 그냥 트리거! 코드를 제출하는 위치를 알고 있다면 "/ n"및 ""을 찾아서 바꿀 수 있고 코드를보기 가능 변경 코드의 블록 ID로 만들 수 있습니다.

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>