php - rich texteditor problemer med at gemme det - Udvikleren.dk

Tags: javascript php html

Bruger #17607 @ 28.04.13 13:22

Hej jeg har en richtexteditor jeg prøver at få til at virke men den kommer kun til kan ikke gemme det
html kode

HTML kode

 <form action="index.php?add" method="post" enctype="multipart/form-data">
             <div><label for="title">Title *</label> <input type="text" name="title" id="title" /></div>
               <input type="button" onClick="iBold()" value="B"> 
   <input type="button" onClick="iUnderline()" value="U">
   <input type="button" onClick="iItalic()" value="I">
   <input type="button" onClick="iFontSize()" value="Text Size">
   <input type="button" onClick="iForeColor()" value="Text Color">
   <input type="button" onClick="iHorizontalRule()" value="HR">
   <input type="button" onClick="iUnorderedList()" value="UL">
   <input type="button" onClick="iOrderedList()" value="OL">
   <input type="button" onClick="iLink()" value="Link">
   <input type="button" onClick="iUnLink()" value="UnLink">
   <input type="button" onClick="iImage()" value="Image">
             <div><label for="info">Artikel info *</label></div>
             <div><textarea style="width:400px; display:none; height:60px; max-height:200px; color:#000;" name="info" id="info"></textarea><iframe name="richTextField" id="richTextField" style="border:#000000 1px solid; width:700px; height:300px;"></iframe></div>
             <div><input type="file" name="fil" /></div>
             <div><input name="sub" type="button" value="Submit Data" onClick="javascript:submit_form();"/></div>
         </form>

js kode

JScript kode

 <script type="text/javascript">// This is a javascript file named wysiwyg.js
 function iFrameOn(){
     richTextField.document.designMode = 'On';
 }
 function iBold(){
     richTextField.document.execCommand('bold',false,null); 
 }
 function iUnderline(){
     richTextField.document.execCommand('underline',false,null);
 }
 function iItalic(){
     richTextField.document.execCommand('italic',false,null); 
 }
 function iFontSize(){
     var size = prompt('Enter a size 1 - 7', '');
     richTextField.document.execCommand('FontSize',false,size);
 }
 function iForeColor(){
     var color = prompt('Define a basic color or apply a hexadecimal color code for advanced colors:', '');
     richTextField.document.execCommand('ForeColor',false,color);
 }
 function iHorizontalRule(){
     richTextField.document.execCommand('inserthorizontalrule',false,null);
 }
 function iUnorderedList(){
     richTextField.document.execCommand("InsertOrderedList", false,"newOL");
 }
 function iOrderedList(){
     richTextField.document.execCommand("InsertUnorderedList", false,"newUL");
 }
 function iLink(){
     var linkURL = prompt("Enter the URL for this link:", "http://"); 
     richTextField.document.execCommand("CreateLink", false, linkURL);
 }
 function iUnLink(){
     richTextField.document.execCommand("Unlink", false, null);
 }
 function iImage(){
     var imgSrc = prompt('Enter image location', '');
     if(imgSrc != null){
         richTextField.document.execCommand('insertimage', false, imgSrc); 
     }
 }
 function submit_form(){
     var theForm = document.getElementById("myform");
     theForm.elements["info"].value = window.frames['richTextField'].document.body.innerHTML;
     theForm.submit();
 }</script>

php kode

PHP kode

 if ($_POST['sub']) {
                 $title = htmlentities($_POST['title']);
                 $info = nl2br(trim($_POST['richTextField']));
                 
                 $name = $_FILES['fil'] ['name'];
                 $type = $_FILES['fil'] ['type'];
                 $size = $_FILES['fil'] ['size'];
                 $tmp = $_FILES['fil'] ['tmp_name'];
                 $ext = substr($name, strrpos($name, '.'));
                 
                 if ($title && $info) {
                     $dag = date('Y-m-d H:i:s');
                     
                     if ($name) {
                         move_uploaded_file ($_FILES['fil'] ['tmp_name'], "./content/$title.$ext");
 
                         $fil = "$title$ext";
                     }
                     
                     mysql_query("INSERT INTO `a`(`id`, `title`, `info`, `dag`, `fil`) VALUES ('','$title','$info','$dag','$fil')");
                     
                     echo 'Din artikel er oprettet';
                 } else {
                     echo 'Du skal udfylde alle felter med *';
                 }
             }

3 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt -1 karma

Sorter efter stemmer Sorter efter dato

Bruger #17607 @ 28.04.13 15:24

hvor har du koden fra ??, skal der ikke indluderes et externt bibliotek ??
skal man ikke kunne skrive i text området ??

brug en færdig udviklet rtf editor, det giver mindre problemer
kig på
prøv at google https://www.google.dk/search?q=php+rtf+editor

http://nicedit.com/ har fået rigtig rosende omtale
http://ckeditor.com/download har jeg selv tidligere brugt, dda det hed fckeditor

tilføjet
kommer du til din insert ??

lav nogle test echo'er i din code så du kan se hvorlangt du kommer
har du kontrolleret der står det du forvendter i disse variabler ??
mysql_query("INSERT INTO `a`(`id`, `title`, `info`, `dag`, `fil`) VALUES ('','$title','$info','$dag','$fil')");
får du nogle fejl meddelelser ??
er din id ikke auto generaret ??, hvis den er er der ikke nogle grund tilat indsætte den
mysql_query("INSERT INTO `a`(`title`, `info`, `dag`, `fil`) VALUES ('$title','$info','$dag','$fil')");

js:
din form hedder da ikke myform !!, den har faktisk ikke noget navn

function submit_form(){
var theForm = document.getElementById("myform"); // <----
theForm.elements["info"].value = window.frames['richTextField'].document.body.innerHTML;
theForm.submit();
}

Jeg skrev at den ikke gad at sende det til php koden den sender det ikke videre.

Bruger #16075 @ 28.04.13 16:00

1.223

jeg skrev dette:

js:
din form hedder da ikke myform !!, den har faktisk ikke noget navn

function submit_form(){
var theForm = document.getElementById("myform"); // <----

din form har ikke noget id

brug udviklings værktøjerne i din browser, så kan du se om der er js fejl

man bør ikke udvikle uden at slå fejl visning til i browser og serverside.

lig den evt online så vi online kan debugge den vha browseren, jeg har mistanke om der er flere fejl

prøv at sammenligne med orginal coden så kan du se hvor det går galt

ref http://www.developphp.com/view.php?tid=1192

Kode

<!-- THIS IS THE INDEX.HTML FILE IN THE VIDEO -->
<html>
<head>
<script type="text/javascript" src="wysiwyg/wysiwyg.js"></script>
</head>
<body onLoad="iFrameOn();">
<h2>My web application that intakes data from users</h2>
<form action="my_parse_file.php" name="myform" id="myform" method="post">
<p>Entry Title: <input name="title" id="title" type="text" size="80" maxlength="80" /></p>
<p>Entry Body:<br>
<div id="wysiwyg_cp" style="padding:8px; width:700px;">
  <input type="button" onClick="iBold()" value="B"> 
  <input type="button" onClick="iUnderline()" value="U">
  <input type="button" onClick="iItalic()" value="I">
  <input type="button" onClick="iFontSize()" value="Text Size">
  <input type="button" onClick="iForeColor()" value="Text Color">
  <input type="button" onClick="iHorizontalRule()" value="HR">
  <input type="button" onClick="iUnorderedList()" value="UL">
  <input type="button" onClick="iOrderedList()" value="OL">
  <input type="button" onClick="iLink()" value="Link">
  <input type="button" onClick="iUnLink()" value="UnLink">
  <input type="button" onClick="iImage()" value="Image">
</div>
<!-- Hide(but keep)your normal textarea and place in the iFrame replacement for it -->
<textarea style="display:none;" name="myTextArea" id="myTextArea" cols="100" rows="14"></textarea>
<iframe name="richTextField" id="richTextField" style="border:#000000 1px solid; width:700px; height:300px;"></iframe>
<!-- End replacing your normal textarea -->
</p>
<br /><br /><input name="myBtn" type="button" value="Submit Data" onClick="javascript:submit_form();"/>
</form>
</body>
</html>
<!-- THIS IS THE MY_PARSE_FILE.PHP IN THE VIDEO -->
<?php 
echo '<h2>You posted:</h2><hr />'. $_POST['title'] . '<hr />' . stripslashes($_POST['myTextArea']);
?>
<!-- IN PART 2 OF THIS SERIES WE DISCUSS WYSIWYG.JS -->

ref http://www.developphp.com/view.php?tid=1193

Kode

// This is a javascript file named wysiwyg.js
function iFrameOn(){
richTextField.document.designMode = 'On';
}
function iBold(){
richTextField.document.execCommand('bold',false,null); 
}
function iUnderline(){
richTextField.document.execCommand('underline',false,null);
}
function iItalic(){
richTextField.document.execCommand('italic',false,null); 
}
function iFontSize(){
var size = prompt('Enter a size 1 - 7', '');
richTextField.document.execCommand('FontSize',false,size);
}
function iForeColor(){
var color = prompt('Define a basic color or apply a hexadecimal color code for advanced colors:', '');
richTextField.document.execCommand('ForeColor',false,color);
}
function iHorizontalRule(){
richTextField.document.execCommand('inserthorizontalrule',false,null);
}
function iUnorderedList(){
richTextField.document.execCommand("InsertOrderedList", false,"newOL");
}
function iOrderedList(){
richTextField.document.execCommand("InsertUnorderedList", false,"newUL");
}
function iLink(){
var linkURL = prompt("Enter the URL for this link:", "http://"); 
richTextField.document.execCommand("CreateLink", false, linkURL);
}
function iUnLink(){
richTextField.document.execCommand("Unlink", false, null);
}
function iImage(){
var imgSrc = prompt('Enter image location', '');
    if(imgSrc != null){
        richTextField.document.execCommand('insertimage', false, imgSrc); 
    }
}
function submit_form(){
var theForm = document.getElementById("myform");
theForm.elements["myTextArea"].value = window.frames['richTextField'].document.body.innerHTML;
theForm.submit();
}

når du har orginal coden til at fungere så kan du lege

Indlæg senest redigeret d. 28.04.2013 16:35 af Bruger #16075

-1

Bruger #16075 @ 28.04.13 13:49

1.223

hvor har du koden fra ??, skal der ikke indluderes et externt bibliotek ??
skal man ikke kunne skrive i text området ??

brug en færdig udviklet rtf editor, det giver mindre problemer
kig på
prøv at google https://www.google.dk/search?q=php+rtf+editor

http://nicedit.com/ har fået rigtig rosende omtale
http://ckeditor.com/download har jeg selv tidligere brugt, dda det hed fckeditor

tilføjet
kommer du til din insert ??

lav nogle test echo'er i din code så du kan se hvorlangt du kommer
har du kontrolleret der står det du forvendter i disse variabler ??
mysql_query("INSERT INTO `a`(`id`, `title`, `info`, `dag`, `fil`) VALUES ('','$title','$info','$dag','$fil')");
får du nogle fejl meddelelser ??
er din id ikke auto generaret ??, hvis den er er der ikke nogle grund tilat indsætte den
mysql_query("INSERT INTO `a`(`title`, `info`, `dag`, `fil`) VALUES ('$title','$info','$dag','$fil')");

js:
din form hedder da ikke myform !!, den har faktisk ikke noget navn

function submit_form(){
var theForm = document.getElementById("myform"); // <----
theForm.elements["info"].value = window.frames['richTextField'].document.body.innerHTML;
theForm.submit();
}

Indlæg senest redigeret d. 28.04.2013 14:17 af Bruger #16075

rich texteditor problemer med at gemme det

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler