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

Diskussioner rörande www.slackwarelinux.se ställs här.

Moderatorer: Nille, nomicon, Minime

Användares profilbild
MDKDIO
Kodnisse
Poster: 815
Blev medlem: 21 Apr 2005 08:24
Ort: Bollnäs

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

Posta av MDKDIO » 07 Apr 2018 14:17

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: Välj alla

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: Välj alla

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

Kod: Välj alla

<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: Välj alla

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

Kod: Välj alla

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

Kod: Välj alla

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

Kod: Välj alla

.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: Välj alla

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
Slackware 64-bit 14.2 x 1 (KDE) (Multilib) (desktop)
Slackware 64-bit 14.2 (4.4.172) + Current (Laptop)
Slackware 64-bit 14.2 (4.19.x) (Multilib) + Current (Plasma5) (Laptop)
Slackware 64-bit 14.2 (xfce) (MediaPC)

Linux Counter. User 267939

Skriv Svar