Sida 1 av 1

Uppdatering - Postning av nyheter och/eller artiklar (Huvudsidan)

Postat: 07 apr 2018 14:17
av MDKDIO
Hej på er! :)
Hoppas Påsken smakade bra, ölen fantastiskt (missade själv årets Påsköl sorter :( )
Och att våren lurar runt hörnet, oavsett vart i landet ni bor :)

Postning av nyheter/artiklar:
I går kväll och en stor del av natten så knåpade jag ihop lite kod för att underlätta vid
postning av nyheter och artiklar, när det gäller "Kodvisning", typ den som forumet har
med BBcodes

Kod: Markera allt

typ som detta
I nuläget är det bara en artikel som har denna kod OpenVPN Installation

Den kan vara i behov av lite "putsning". Kommentera gärna vad du/ni tycker.

Hur använder man den då?

CKeditor som används för WYSIWYG editor är lite "knepig" när det gäller att formatera text.
När man klickar på Enter/Retur så skapas en ny paragraf

Kod: Markera allt

<p></p>
Men om man i stället klickar Shift+Enter så får man en

Kod: Markera allt

<br />
radbryt (line break)

För att få en "kod-ruta" i texten man skriver, så måste man göra en paragraf, klicka Enter för att
få en till paragraf, markera den första paragrafen och sedan i verktygsfältet välja "Stilar" och
"Datorkod" OBS! Det finns två alt. till som fungerar, men med vissa begränsningar.
"Computer Code" vilket egentligen bara är

Kod: Markera allt

<code></code>
men saknar CSS.
"Special Container" vilket ger en grå bakgrund och har CSS

Kod: Markera allt

<div style="padding: '5px 10px',background: '#eaeaea',color: 'black',border: '1px dashed #ccc',width:90%;
Skillnaden mot "Datorkod" är

Kod: Markera allt

<div class="new_code"> </div>
med följande CSS

Kod: Markera allt

.news_code {
    color: black;
    display: block;
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.0em;
    white-space: pre;
    margin: 1em 0;
    background-color: #ececec;
    border-style: dotted;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 90%;
} 
Kopierar man text ifrån t.ex. en *.txt fil så kommer CKeditor att skapa paragraferna åt dig, och
här uppstår ett litet problem jag inte lyckats fixa (än).

Vill man ha en del mitt i texten som

Kod: Markera allt

detta
och sedan kopierar in ytterliggare text
i denna div, så läggs även paragrafen till och då blir det en konflikt, i detta fall mellan "Computer Code" och "Datorkod" och i stället för en svart text på grå bakgrund, får man vit text på grå bakgrund och man ser den helt enkelt inte.
Tyvärr är detta kodat via JavaScript, och det är jag ingen hejjare på. Men skam den som ger sig...

/J