كيف يمكنني تحديد معاينة المحتوى والحفاظ عليها قابلة للقراءة

Question

أحمل بعض الأعلاف وعرضها كوابط في صفحة موقعي. عندما تحوم فوق الرابط، ينبثق Tooltip مع التغذية والوقت والمؤلف والعنوان والمحتوى. في بعض الأحيان يكون المحتوى طويلا ويحتوي على HTML. لذلك أضفت معاينة تقطع المحتوى بعد نقطة معينة.

لذلك سؤالي هو كيف يمكنني تحديد نقطة استراحة جيدة في محتوى المعاينة؟ الآن، يحتوي محتوى الخاص بي على علامة صورة يتم قطعها في منتصف عنوان URL (تحسب JavaScript إلا إلى 1000 حرفا في هذا الوقت) وأحصل على صورة مكسورة في تلميح الأدوات ... أنا لست قلقا حول كسر الجداول، ولكن أود معاينتي لعدم كسر تنسيق الألوان أو الصور.

لقطة شاشة المشكلة:

شفرة:

content = content.substring(0,1000) +  "...<br><br><span style="float:right;">(Click for more info)</span>";

* ملاحظة: يحتوي HTML في التغذية في بعض الأحيان <أو> لأنه يوجد نموذج رمز HTML، وكذلك العلامات التي تنسيق النص ...

Answer 1

لماذا لا تستخرج النص فقط من المحتوى باستخدام JQuery وإظهار أنه في تلميح الأدوات الخاص بك بدلا من إظهار HTML؟

content = $('*',content).text().substring(0,1000) + "...<br><br>...