How to make paragraph in my simple text editor

**magictouch** · 06-04-2016, 08:32 PM

Hi, I created a small text editor for my website with my small knowledge. The problem is that each time I publish Something with it it does not show the new paragraph and puts all the text in the same paragraph. Someone can help me to make in a way that each time I press enter it makes a new paragraph? I only know php and a bit of javascript. I have no idea what I could do and what to search for it. Thanks. I'm a begginer so I need an simple language and explanation, I only know some php and javascript, slowly learning.
Here is the code I did:

PHP Code:


<?php



mb_language('uni');

mb_internal_encoding('UTF-8');



if(isset($_POST['submit']))

{

if(!empty($_POST['titre'])&&!empty($_POST['message']))



{

$titre=$_POST['titre'];

$message=$_POST['message'];

$id=$_POST['id'];



$query=mysql_query("INSERT INTO editor(id,titre, message) VALUES

('$id','$titre','$message')");

if($query)

{$select=mysql_query("SELECT * FROM editor ORDER BY id DESC");



while($row=mysql_fetch_assoc($select))

{

echo $row['titre']."<br><strong>".$row['message']."</strong><br>";

}

}



}

} else echo "Vous devez saisir tout les champs pour pouvoir poster un commentaire";







?>



<form method='POST' action='index.php' enctype="multipart/form-data" name="myform">

<strong>Poster un texte</strong>

<p></p>

<p>titulo</p>

<textarea name="titre" rows="2" cols="35"></textarea><br>

<p>Texto</p>

<textarea name="message" style="display:none;" rows="6" cols="35"></textarea><br>











<br>





<input type="submit" name="submit" value="Poster"">

</form>







<?php

$getquery=mysql_query("SELECT * FROM editor  ORDER BY id DESC");

$rows=mysql_fetch_assoc($getquery);

 do {?>

 <div id="a" style="border:2px solid #a1a1a1;

padding:3px 10px; 

background:#f2d9f2;

width:260px;

border-radius:10px;

text-decoration:no;"

 >

 

 

  <a href="newsarticle.php?id=<?php echo $rows['id'];?>" target="new"><?php echo $rows['titre'];?></a><br>

<?php echo $rows['message'];?><br>

</div><br>

 <?php } while($rows=mysql_fetch_assoc($getquery))

 

 

 ?>

**Beverleyh** · 06-05-2016, 10:26 AM

A basic textarea cannot interpret new lines as new paragraphs, so it sounds like you need to use JavaScript to interpret the keystrokes and insert markup on the fly.

Try researching "JavaScript markup editor", "JavaScript WYSIWYG editor", "JavaScript rich text editor", and "JavaScript markdown editor". You'll find various plugins that you can test. Each behave differently and some are more feature-packed so it's up to you to decide what suits your needs best.

From a personal perspective, I prefer TinyMCE for my Fast Edit and Fast Apps freebies. They all use a WYSIWYG editor that can support HTML markup, from basic bold and lists to tables and image uploads, etc. You can customise TinyMCE any way you like, making it more advanced or really basic. I use version 3.x due to custom PHP mods, although they're now on v4, which is much more modern looking and adapts better to responsive admin panels. TinyMCE is also bundled with popular CMS packages such as Joomla! so it's easier for clients and the people I train/work with to move from one application to another, without feeling like they have to learn something new each time

**magictouch** · 06-06-2016, 05:45 PM

hi, thanks for the answer. I know some of this editors, but a I dont have much knowledge I dont know always to use it. I created a wysiwyg file and it works well, the problem is I tried to store in the database and it did not work, so I have no idea how to do to put in the database the things I publish with my wysiwyg editor. Can you help me?
Thank you.

**magictouch** · 06-06-2016, 06:12 PM

I tryed this code with a php query to insert in the database but did not work:

HTML Code:

<html>
<head>
<script 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>

my_parse_file.php

PHP Code:


<?php 

echo '<h2>You posted:</h2><hr />'. $_POST['title'] . '<hr />' . stripslashes($_POST['myTextArea']);

?>

**rubyOnPails** · 11-26-2016, 02:06 AM

I know this doesn't necessarily solve your issue, but I personally believe that adding a Markdown editor might be your best option.

Thread: How to make paragraph in my simple text editor

Thread Tools

Search Thread

How to make paragraph in my simple text editor

The Following User Says Thank You to Beverleyh For This Useful Post:

Similar Threads

how to count and insert into database by month

Automaticlly insert to database what typed in search

how to read file and insert database

chained select insert into database

Insert row in a mysql Database

Bookmarks

Bookmarks

Posting Permissions