جافا سكريبت لتعديل محتوى الصفحة على الطاير

Question

وأنا أكتب مقال عن تحرير الصفحات من أجل ناحية اختيار ما تريد حقا للطباعة. هناك العديد من الأدوات (مثل "طباعة ما تريد")، ولكن كما أنني وجدت هذا البرنامج النصي. أي شخص يعرف أي شيء عن ذلك؟ لم أجد أي نوع من الوثائق أو المراجع.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

وشكرا!

Answer 1

والخاصية contentEditable هي ما تريد - انها مدعومة من قبل IE و Safari (والكروم كمنتج ثانوي)، وأنا <م> التفكير فايرفوكس 3 (للأسف لا FFX2). ومهلا، كما انها جزء من HTML5: D

وفايرفوكس 2 يدعم designMode، ولكن هذا يقتصر على الإطارات الفردية، في حين يتم تطبيق الخاصية contentEditable ينطبق على العناصر الفردية، لذلك يمكن أن يكون محتوى تحرير الخاص بك لعب أكثر لطيف مع صفحتك: D

[تحرير (olliej): مثال إزالتها كما سمة contentEditable لا تجاوز مرشحات الناتج SO ل(على الرغم من العمل في المعاينة) :(]

[تحرير (olliej): لقد خبطت حتى تجريبي لتوضيح كيفية تتصرف]

[تحرير (olliej): لذا نعم، السمة contentEditable في العرض مرتبط يعمل بشكل جيد في IE، فايرفوكس، وسفاري. للأسف تغيير حجم هو سمة CSS3 فقط بكت يبدو لدعم وIE تبذل قصارى جهدها لمحاربة ما يقرب من جميع CSS. تنفس الصعداء ]

Answer 2

ويدعم document.designMode في IE 4+ (التي بدأت على ما يبدو) وفايرفوكس 1.3+. تقوم بتشغيله ويمكنك تعديل حق المحتوى في المتصفح، انها trippy جدا. أنا لم تستخدم من قبل ولكن يبدو أنه سيكون مثاليا جدا لجهة قطف المعلومات القابلة للطباعة.

ومضت إلى القول: يبدو أيضا للعمل في جوجل كروم. لقد اختبرت فقط في كروم وفايرفوكس، وتلك هي المتصفحات التي لدي وحدة تحكم جافا سكريبت، لذلك لا يمكن أن تضمن أنها تعمل في Internet Explorer كما لم يسبق لي ان استخدامه شخصيا. ما أفهمه هو أن هذا هو خاصية IE-الوحيدة التي التقطت في المتصفحات الأخرى صعودا وليست حاليا في أي معايير، ولذا فإنني سأشعر بالدهشة إذا فايرفوكس وكروم دعم ذلك، ولكن IE توقف.

Answer 3

ويتيح للمتصفح وظائف التحرير في الصنع حيث المتاحة. كما هو مذكور أعلاه، designMode هو أبو بريص وcontentEditable هو شخص آخر (وإضافتها إلى أبو بريص 1.9). وتستخدم هذه الميزات كأساس ل(ما يقرب من؟) كل محرر WYSIWYG بنيت مع HTML / جافا سكريبت. إذا كنت ببساطة كتابة / حذف، يجب أن تكون ضرورية من البرنامج النصي الذي قدم لا أكثر ولا أقل. (كل شيء من "باطلة" على الرغم من هي زائدة).

لوثائق حول كيفية هذه الميزات يمكن استخدامها في التطبيق، وأفضل الإشارة موزيلا <لأ href = "http://www.mozilla.org/editor/midas-spec.html" يختلط = "نوفولو noreferrer" > ميداس مواصفات ( MSDN قد يكون من استخدام بعض وكذلك ...).