صورة المقال

حول متصفحك لمحرر نصوص بدون إضافات أو برامج



هل ترغب في تدوين شيء ما بسرعة و بدون أن تغادر متصفحك و بدون برامج أو إضافات للمتصفح ؟
 هل تعلم أنه بإمكانك تحويل متصفحك إلى محرر نصي بسيط مثل Notepad من خلال إدخال كود بسيط في شريط العنوان ؟

من خلال خاصية مخفية في متصفحي جوجل كروم و فايرفوكس يمكنك ببساطة تحويل متصفحك إلى محرر نصوص بسيط لأخذ الملاحظات  و حفظها على جهازك بسهولة .

يمكنك أيضاً استخدام المتصفح كمحرر أكواد أيضاً بتعديلات بسيطة , الكود الذي سنستخدمه لنحصل على محرر أكواد يشبه محررات الأكواد الإحترافية مثل Notepad++ و Sublime text و غيرها من برامج تحرير الأكواد .

حول متصفحك إلى محرر نصوص 

افتح صفحة جديدة أو علامة تبويب جديدة في متصفحك ثم أدخل الكود التالي في شريط العنوان و اضغط زر إدخال Enter
و الآن سيتحول متصفحك لصفحة بيضاء يمكنك وضع مؤشر الكتابة على الصفحة و كتابة ما تريد من نصوص

 data:text/html, <html contenteditable>
يخبر هذا الكود متصفحك أنك ترغب في صفة نصية مكتوبة بلغة HTML قابلة للتحرير

كود بسيط و حيلة سهلة و لكن هذه مجرد بداية .... فكون الصفحة مكتوبة بلغة HTML فهذا يعني أنه يمكن تحريرها كصفحة ويب عادية و تغيير العديد من خصائصها مثل نوع و لون الخط و الخلفية و حجم الصفحة بحسب ذوقك و إختياراتك إذا كانت لديك خبره بهذه الأمور أما إذا لم تكن لديك خبرة فإليك النماذج الجاهزة التالية , كل ما عليك نسخها في شريط العنوان و ستحصل على محرر نصوص أنيق في متصفحك .

محرر نصوص متطور

كما أسلفنا المحرر البسيط ليس أقصى ما يمكنك الحصول عليه , بعض المطورين أدخلوا تعديلات على الكود لإظهار المحرر بمظهر أكثر إحترافية و هو أمر قد ترغب فيه بالتأكيد

 إذا ما رغبت في نسخة أفضل من هذا المحرر من حيث حجم الكتابة فعليك استخدام الكود التالي بدلاً من الكود السابق في شريط العنوان و استخدم نفس الخطوات

محرر أكواد بأسطر مرقمة و خلفية سوداء  تعمل الطريقة التالية مع متصفح جوجل كروم

data:text/html,<title>DoJS</title><style type="text/css">#e{font-size: 16px; position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="https://rawgithub.com/ajaxorg/ace-builds/master/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script src="https://rawgithub.com/ajaxorg/ace-builds/master/src-min-noconflict/keybinding-emacs.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.setKeyboardHandler(ace.require("ace/keyboard/emacs").handler);e.getSession().setMode("ace/mode/javascript");</script>


محرر أكواد بأسطر مرقمة و خلفية سوداء  تعمل الأكواد التالية في متصفح فايرفوكس
-1-
data:text/html;base64,PHRpdGxlPkRvSlM8L3RpdGxlPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+I2V7Zm9udC1zaXplOiAxNnB4OyBwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtyaWdodDowO2JvdHRvbTowO2xlZnQ6MDt9PC9zdHlsZT48ZGl2IGlkPSJlIj48L2Rpdj48c2NyaXB0IHNyYz0iaHR0cHM6Ly9yYXdnaXRodWIuY29tL2FqYXhvcmcvYWNlLWJ1aWxkcy9tYXN0ZXIvc3JjLW1pbi1ub2NvbmZsaWN0L2FjZS5qcyIgdHlwZT0idGV4dC9qYXZhc2NyaXB0IiBjaGFyc2V0PSJ1dGYtOCI+PC9zY3JpcHQ+PHNjcmlwdCBzcmM9Imh0dHBzOi8vcmF3Z2l0aHViLmNvbS9hamF4b3JnL2FjZS1idWlsZHMvbWFzdGVyL3NyYy1taW4tbm9jb25mbGljdC9rZXliaW5kaW5nLXZpbS5qcyIgdHlwZT0idGV4dC9qYXZhc2NyaXB0IiBjaGFyc2V0PSJ1dGYtOCI+PC9zY3JpcHQ+PHNjcmlwdD52YXIgZT1hY2UuZWRpdCgiZSIpO2Uuc2V0VGhlbWUoImFjZS90aGVtZS9tb25va2FpIik7ZS5zZXRLZXlib2FyZEhhbmRsZXIoYWNlLnJlcXVpcmUoImFjZS9rZXlib2FyZC92aW0iKS5oYW5kbGVyKTtlLmdldFNlc3Npb24oKS5zZXRNb2RlKCJhY2UvbW9kZS9qYXZhc2NyaXB0Iik7PC9zY3JpcHQ+

-2-
data:text/html;base64,PHRpdGxlPkRvSlM8L3RpdGxlPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+I2V7Zm9udC1zaXplOiAxNnB4OyBwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtyaWdodDowO2JvdHRvbTowO2xlZnQ6MDt9PC9zdHlsZT48ZGl2IGlkPSJlIj48L2Rpdj48c2NyaXB0IHNyYz0iaHR0cHM6Ly9yYXdnaXRodWIuY29tL2FqYXhvcmcvYWNlLWJ1aWxkcy9tYXN0ZXIvc3JjLW1pbi1ub2NvbmZsaWN0L2FjZS5qcyIgdHlwZT0idGV4dC9qYXZhc2NyaXB0IiBjaGFyc2V0PSJ1dGYtOCI+PC9zY3JpcHQ+PHNjcmlwdCBzcmM9Imh0dHBzOi8vcmF3Z2l0aHViLmNvbS9hamF4b3JnL2FjZS1idWlsZHMvbWFzdGVyL3NyYy1taW4tbm9jb25mbGljdC9rZXliaW5kaW5nLWVtYWNzLmpzIiB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIGNoYXJzZXQ9InV0Zi04Ij48L3NjcmlwdD48c2NyaXB0PnZhciBlPWFjZS5lZGl0KCJlIik7ZS5zZXRUaGVtZSgiYWNlL3RoZW1lL21vbm9rYWkiKTtlLnNldEtleWJvYXJkSGFuZGxlcihhY2UucmVxdWlyZSgiYWNlL2tleWJvYXJkL2VtYWNzIikuaGFuZGxlcik7ZS5nZXRTZXNzaW9uKCkuc2V0TW9kZSgiYWNlL21vZGUvamF2YXNjcmlwdCIpOzwvc2NyaXB0Pg==


-3- محرر نص عادي يصلح لمتصفحي فايرفوكس و جوجل كروم

data:text/html;charset=utf-8, <title>محرر النصوص</title><body contenteditable style="background: lightyellow; direction: rtl; border: 4px double #ddd; font-size: 2rem; line-height: 1.4; max-width: 60rem; margin: 2rem; padding: 2rem;" spellcheck="false"></code></pre>
-4- محرر نصوص لمتصفح كروم على شكل ورقة مسطرة يعمل في متصفح جوجل كروم

data:text/html;charset=utf-8, <title>TextEditor</title> <!-- iconj.com favicon code --> <link rel="shortcut icon" href="http://www.iconj.com/icon.php?pid=stcvi43iv1" type="image/x-icon" /> <link rel="shortcut icon" href="http://www.iconj.com/gif_icon.php?pid=stcvi43iv1" type="image/gif" /> <!-- end of iconj.com favicon code --> <style> html{height: 100%;direction:rtl;} body{background: -webkit-linear-gradient(#f0f0f0, #fff); padding: 3%; height: 94%;} .paper { font: normal 12px/1.5 "Lucida Grande", arial, sans-serif; width: 50%; height: 80%; margin: 0 auto; padding: 6px 5px 4px 42px; position: relative; color: #444; line-height: 20px; border: 1px solid #d2d2d2; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px; background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px; -webkit-background-size: 100% 20px; -moz-background-size: 100% 20px; -ms-background-size: 100% 20px; -o-background-size: 100% 20px; background-size: 100% 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07); box-shadow: 0 1px 2px rgba(0,0,0,0.07); } .paper::before { content: ''; position: absolute; width: 4px; top: 0; left: 30px; bottom: 0; border: 1px solid; border-color: transparent #efe4e4; } textarea{display: block; width:94%;margin:0 auto;padding:3.8% 3%; border: none; outline: none; height: 94%; background: transparent; line-height: 20px;} </style> <body spellcheck="false"> <div class="paper"> <textarea autofocus="autofocus"></textarea> </div> </body> </html>

استدع المحرر بدون كتابة الكود في كل مرة 

حتى لا تضطر لتذكر هذا الكود يمكنك إستخدام المفضلة بالضغط على علامة النجمة في شريط العنوان أو الضغط على CTRL+B و لا تنسى تغيير اﻹسم في المفضلة إلى اسم سهل التذكر مثل Notepad أو Chromepad .

بعد كتابة النص الذي ترغب فيه لا تنس أن تقوم بحفظ الصفحة بما فيها من نصوص بالضغط على CTRL+S ثم اختيار مكان الحفظ , الجميل أيضاً أنه يمكنك حفظ الملفات بصيغة PDF من خلال الضغط على CTRL+P ثم إختيار حفظ الملف كـ PDF

اتمنى أن تكونوا قد استفدتم من هذه الحيلة البسيطة و في انتظار تعليقاتكم و آرائكم.....

هل لديك تعليق أو سؤال - اضغط هنا لإضافة تعليقك