سلام دوستان. یک سوال سخت 
این دو تا لینک که دو نمونه toolltip هستن رو نگاه کنید:
http://codepen.io/design8383/pen/Jibwt
http://codepen.io/cbracco/pen/qzukg
حالا من میخوام درون محتوای موجود درون ادیتور ckeditor از این tooltip ها استفاده کنم. تا اینجا مشکلی نیست ، نه در استفاده از tooltip ها و نه در اضافه کردن css ها به محتوای درون ادیتور (ادیت فایل contents.css ادیتور)
مشکل من اینه که وقتی اینکار رو میکنم شکل و شمایل هر دوی این tooltip ها بهم میریزه!! اینکه دارم میبینم tooltip اومده مشخصه که تا قبل از این مرحله مشکلی نبوده، ولی اینکه داخل ادیتور بهم ریخته نشون میده رو نمیدونم مشکل چیه! مثلا به جای این که بالای کلمات نشون بده tooltip رو چند سانت اونور تر نشون میده، یا که محتوای داخل tooltip اصلا دیده نمیشه! یا برای لینک اولی کل tooltip اندازه نیم سانت بیشتر ظاهر نمیشه و چیزی داخلش دیده نمیشه!
به تمام css های این دو tooltip یک !important هم اضافه کردم ولی بازم درست نشد، css های خود ادیتور رو هم نگاه کردم چیزی خاصی نداشتن که بخواد همه چیو بهم بریزه! فقط یک سری font-size اینا بود.
این دو تا لینک که دو نمونه toolltip هستن رو نگاه کنید:
http://codepen.io/design8383/pen/Jibwt
http://codepen.io/cbracco/pen/qzukg
حالا من میخوام درون محتوای موجود درون ادیتور ckeditor از این tooltip ها استفاده کنم. تا اینجا مشکلی نیست ، نه در استفاده از tooltip ها و نه در اضافه کردن css ها به محتوای درون ادیتور (ادیت فایل contents.css ادیتور)
مشکل من اینه که وقتی اینکار رو میکنم شکل و شمایل هر دوی این tooltip ها بهم میریزه!! اینکه دارم میبینم tooltip اومده مشخصه که تا قبل از این مرحله مشکلی نبوده، ولی اینکه داخل ادیتور بهم ریخته نشون میده رو نمیدونم مشکل چیه! مثلا به جای این که بالای کلمات نشون بده tooltip رو چند سانت اونور تر نشون میده، یا که محتوای داخل tooltip اصلا دیده نمیشه! یا برای لینک اولی کل tooltip اندازه نیم سانت بیشتر ظاهر نمیشه و چیزی داخلش دیده نمیشه!
به تمام css های این دو tooltip یک !important هم اضافه کردم ولی بازم درست نشد، css های خود ادیتور رو هم نگاه کردم چیزی خاصی نداشتن که بخواد همه چیو بهم بریزه! فقط یک سری font-size اینا بود.
