Avatar billede berner5300 Nybegynder
07. juli 2011 - 16:04 Der er 6 kommentarer og
1 løsning

BBCode knapper til textarea

Jeg er begyndt at lege lidt med BBCode også vil jeg gerne have at der er sådan nogle knapper, ligesom på billedet her: http://offlines.dk/bbcode.png , som gør at når man trykker på knappen, så skriver den fx ['b]['/b] (Uden '')

Er der nogen der kan forklare mig hvordan dette kan gøres?
Avatar billede olsensweb.dk Ekspert
07. juli 2011 - 16:13 #1
prøv at søge efter "rich text editor" http://www.google.dk/search?q=rich+text+editor
kan anbefale Ckeditor http://ckeditor.com/download
Avatar billede olsensweb.dk Ekspert
07. juli 2011 - 16:24 #2
læs også http://www.eksperten.dk/spm/942015 der er også en masse link
Avatar billede berner5300 Nybegynder
07. juli 2011 - 16:55 #3
Jaah, det er faktisk fede, men jeg vil jo bare have fire fem knapper, kan man gøre det let?
Avatar billede wanze Nybegynder
07. juli 2011 - 17:37 #4
Hvis du havde kigget lidt grundigere på linket ville du kunne have læst dig til, at man kan selv kan vælge, hvad man vil have med i sine bars: http://ckeditor.com/demo

Desuden er det her (igen) et JavaScript-spørgsmål, ikke PHP.
Avatar billede olsensweb.dk Ekspert
07. juli 2011 - 19:12 #5
en tur forbi http://stackoverflow.com/questions/3602837/ckeditor-php-integration

<?php
require_once($_SERVER['DOCUMENT_ROOT']."/include/ckeditor/ckeditor.php");
?>
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<?php
// Create class instance.
$CKEditor = new CKEditor();

// Do not print the code directly to the browser, return it instead
$CKEditor->returnOutput = true;

//Set formatting options
$config['toolbar'] = array(
    array(
        'Bold','Italic','Underline', 'Smiley'
    )
);

//Remove the html tags in the status bar (e.g. body p strong for when cursor is in a strong tag within a p tag within the body)
$config['removePlugins']='elementspath';

//Allow / deny resizing of editor from dragging the bottom-right corner. Maximize will still work.
$config['removePlugins']='resize';//Remove resize image
$config['resize_enabled ']=false;//Disallow resizing

//Remove the collapse formatting area button (arrow on the middle-right part of the editor
$config['toolbarCanCollapse']=false;

// The initial value to be displayed in the editor.
$initialValue = 'Hej';

// Create first instance.
$CKEditorOutput = $CKEditor->editor("continut",$initialValue,$config);
$output.='<div>'.$CKEditorOutput.'</div>';
echo $output;
?>
</body>
</html>


demo http://olsensweb.dk/test/experten/spm/942566/

ckeditor folderen er bare downloadet og lagt i include folderen, der er ikke nogle ændringer lavet

hvilke knapper er det du vil have ??
Avatar billede berner5300 Nybegynder
13. juli 2011 - 20:17 #6
@ronols
Du smider et svar og point er dine, din hjalp :)
Avatar billede olsensweb.dk Ekspert
13. juli 2011 - 20:24 #7
det var godt det hjalp
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester