
المشاركة الأصلية كتبت بواسطة new4arab
هذا المحرر استخدمه في جميع اعمالي
طريقه دمجه في اي صفحه بسيطه جدا تابع معي
بين وثم اليهيدر يتم ادارج الجافا دي
كود HTML:
<script type="text/javascript">
_editor_url = "editor/";
_editor_lang = "ar";
</script>
<script type="text/javascript" language="JavaScript" src="editor/htmlarea.js"></script>
<script type="text/javascript" defer="1">
//HTMLArea.replaceAll();
</script>
<script type="text/javascript" language="JavaScript">
HTMLArea.loadPlugin("ContextMenu");
HTMLArea.loadPlugin("TableOperations");
function initDocument()
{
var editor = new HTMLArea("editor");
editor.registerPlugin(ContextMenu);
editor.registerPlugin(TableOperations);
editor.generate();
// ÅäÔÇÁ ßÇÆä ÅÚÏÇÏÇÊ áÊÌÇæÒ ÇáÅÚÏÇÏÇÊ ÇáÇÝÊÑÇÖíÉ
var config = new HTMLArea.Config();
// ÌÚá ÇáãÍÑÑ ÇÊÌÇåå ãä Çáíãíä Åáì ÇáíÓÇÑ ÇÝÊÑÇÖÇ
config.pageStyle = 'p { direction: rtl; } ' + 'div { direction: rtl; } ' + 'font { direction: rtl; } ' + 'table, tr, td { direction: rtl; } ' ;
}
</script>
<!-- use <body onload="HTMLArea.replaceAll()" if you don't care about customizing the editor. It's the easiest way! :) -->
ثم استبدال وثم ال body
كود HTML:
<body onload="HTMLArea.replaceAll()">
وهنا كود ادراج مربع النص مع تغيير ما يلزمك
كود HTML:
<div style="border: 2px outset #DDDDDD;">
<textarea id="editor" name="text" rows="12" cols="71" style="height: 300px; width: 100%;">
</textarea>
مرفق ملف فيه المحرر
بالتوفيق
ابو اسامه
www.new4arab.com
ابو اسامه
مشكور يالغالي
الصندوق طلع معاي تمام ولكن لما اعتمد الموضوع تكون الاكواد بالشكل التالي
كود:
<font face="Arial,helvetica,sans-serif" color="#ff0000" size="4">بسم الله الرحمن الرحيم</font>
علماً اني اضفت
كود:
<script type="text/javascript">
_editor_url = "editor/";
_editor_lang = "ar";
</script> <script type="text/javascript" language="JavaScript" src="editor/htmlarea.js"></script> <script type="text/javascript" defer="1">
//HTMLArea.replaceAll();
</script> <script type="text/javascript" language="JavaScript">
HTMLArea.loadPlugin("ContextMenu");
HTMLArea.loadPlugin("TableOperations");
function initDocument()
{
var editor = new HTMLArea("editor");
editor.registerPlugin(ContextMenu);
editor.registerPlugin(TableOperations);
editor.generate();
// ÅäÔÇÁ ßÇÆä ÅÚÏÇÏÇÊ áÊÌÇæÒ ÇáÅÚÏÇÏÇÊ ÇáÇÝÊÑÇÖíÉ
var config = new HTMLArea.Config();
// ÌÚá ÇáãÍÑÑ ÇÊÌÇåå ãä Çáíãíä Åáì ÇáíÓÇÑ ÇÝÊÑÇÖÇ
config.pageStyle = 'p { direction: rtl; } ' + 'div { direction: rtl; } ' + 'font { direction: rtl; } ' + 'table, tr, td { direction: rtl; } ' ;
}
</script> <!-- use <body onload="HTMLArea.replaceAll()" if you don't care about customizing the editor. It's the easiest way! :) -->
في منطقة الهيد <head>
وهنا ملف الاندكس عندي
كود PHP:
<?
include 'hd.tpl';
require_once("config.php");
echo "<center>";
echo $title;
echo " <img border='0' src='images/menu_open.gif' width='11' height='7'> ";
echo "<a href='add.php'>أضف توقيعك</a>";
echo "<br><br>";
$query="select * from $tbl_name where status = 1 order by ID DESC";
$result=mysql_query($query)
or die(mysql_error());
if (mysql_num_rows($result) == 0) {
echo "لا توجد اي تواقيع الى الآن";
echo "<br><br><br>";
include 'includes/ft.tpl';
exit ();
} else {
while($row=mysql_fetch_object($result))
{
echo "<div align='center'>";
echo "<table class='panel' border='0' cellpadding='0' cellspacing='0' width='98%' dir='rtl' id='table4' height='25'>";
echo "<tr>";
echo "<td class='tcat' dir='ltr'>";
echo " ";
echo $row->id;
echo "<span lang='en-us'>#</span> رقم التوقيع</td></tr></table>";
echo "<table class='panel' width='98%' dir='rtl' id='table1'><tr><td width='134'>";
echo "<table border='0' cellpadding='0' cellspacing='0' width='101%' dir='rtl' id='table2'><tr>";
echo "<td class='vbmenu_control' class='smallfont' align='center' height='24'>الاسم :</td>";
echo "<td class='vbmenu_control' class='smallfont' align='center' width='82' height='24'>";
echo $row->name;
echo "</td></tr><tr>";
echo "<td class='vbmenu_control' class='smallfont' align='center' height='24'>الجنس :</td>";
echo "<td class='vbmenu_control' class='smallfont' align='center' width='82' height='24'>";
echo $row->gender;
echo "</td></tr><tr>";
echo "<td class='vbmenu_control' class='smallfont' align='center' height='24'>المدينة :</td>";
echo "<td class='vbmenu_control' class='smallfont' align='center' width='82' height='24'>";
echo $row->country;
echo "</td></tr><tr>";
echo "<td class='vbmenu_control' class='smallfont' align='center' height='24'>بتاريخ :</td>";
echo "<td class='vbmenu_control' class='smallfont' align='center' width='82' height='24'>";
echo $row->datetime;
echo "</td></tr></table></td>";
echo "<td valign='top'>";
echo $row->title;
echo "<hr>";
echo "<table border='0' cellpadding='0' cellspacing='0' width='100%' dir='rtl' id='table3'><tr><td>";
echo $row->text;
echo "</td></tr></table></td></tr></table></div>";
}
}
include 'includes/ft.tpl';
// close connection
mysql_close();
?>
وهنا الهيدر
كود:
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-sa">
<link rel="stylesheet" type="text/css" href="./style.css">
<title>:: سجل الزوار ::</title>
<script type="text/javascript">
_editor_url = "editor/";
_editor_lang = "ar";
</script> <script type="text/javascript" language="JavaScript" src="editor/htmlarea.js"></script> <script type="text/javascript" defer="1">
//HTMLArea.replaceAll();
</script> <script type="text/javascript" language="JavaScript">
HTMLArea.loadPlugin("ContextMenu");
HTMLArea.loadPlugin("TableOperations");
function initDocument()
{
var editor = new HTMLArea("editor");
editor.registerPlugin(ContextMenu);
editor.registerPlugin(TableOperations);
editor.generate();
// ÅäÔÇÁ ßÇÆä ÅÚÏÇÏÇÊ áÊÌÇæÒ ÇáÅÚÏÇÏÇÊ ÇáÇÝÊÑÇÖíÉ
var config = new HTMLArea.Config();
// ÌÚá ÇáãÍÑÑ ÇÊÌÇåå ãä Çáíãíä Åáì ÇáíÓÇÑ ÇÝÊÑÇÖÇ
config.pageStyle = 'p { direction: rtl; } ' + 'div { direction: rtl; } ' + 'font { direction: rtl; } ' + 'table, tr, td { direction: rtl; } ' ;
}
</script> <!-- use <body onload="HTMLArea.replaceAll()" if you don't care about customizing the editor. It's the easiest way! :) -->
</head>
<body onload="HTMLArea.replaceAll()" topmargin="1" leftmargin="1" rightmargin="1" bottommargin="1" marginwidth="1" marginheight="1">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="777" dir="rtl" id="table1">
<tr>
<td height="100">
<table border="0" cellpadding="0" cellspacing="0" width="100%" dir="rtl" id="table3">
<tr>
<td background="images/jnan_03.gif">
<img border="0" src="images/jnan_04.gif" width="365" height="153"></td>
<td background="images/jnan_03.gif" width="100%"> </td>
<td>
<img border="0" src="images/jnan_01.gif" width="163" height="153"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#FFFFEC">
<table border="0" cellpadding="0" cellspacing="0" width="100%" dir="rtl" id="table2">
<tr>
<td width="14" background="images/jnan_08.gif">
</td>
<td bgcolor="#EAECEE" valign="top">
الناتج عندي
بالمرفقات