PDA

View Full Version : چطوری به یه عکس داخل AjaxHtmlEditor استایل بدیم؟



behzad1367
پنج شنبه 24 اسفند 1391, 07:09 صبح
سلام دوستان.من یه تکست باکس گذاشتم و HtmlEditor Extruder رو بهش نسبت دادم و همین طور قابلیت آپلود عکس رو فعال کردم واسش.حالا میخام وقتی که عکس آپلود میشه استایل Float:left رو بهش نسبت بدم.این کد مربوط به وقتی هست که آپلود عکس کامل میشه:



protected void TextBox1_HtmlEditorExtender_ImageUploadComplete(ob ject sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
{
// Generate file path
string filePath = "~/" + e.FileName;

// Save uploaded file to the file system
var ajaxFileUpload = (AjaxFileUpload)sender;
ajaxFileUpload.SaveAs(MapPath(filePath));
string img=Page.ResolveUrl(filePath);
// Update client with saved image path


e.PostedUrl = img;


}




من سعی کردم متغیر img رو قبل اینکه داخل ادیتور ریخته بشه تغییرش بدم و این رو بهش اضافه کنم:
Style="float:left" اماچون خود ادیتور 2 تا " اضافه میکنه اول و آخر خصوصیت Src عکس برا همین جور در نمیاد و دیگه اصلا عکس هم دیده نمیشه.
چطوری میتونم استایلم رو به تصویرم نسبت بدم؟!

behzad1367
پنج شنبه 24 اسفند 1391, 10:31 صبح
دوستان نظر بدن لطفا!

behzad1367
پنج شنبه 24 اسفند 1391, 11:51 صبح
به نظر شما باید مجددا کل اطلاعات ادیتور رو بخونم و بعدش به دنبال تگ img بگردم و استایل رو بهش اضافه کنم؟

saeed31641
پنج شنبه 24 اسفند 1391, 11:53 صبح
یه نمونه کوچیک از برنامت درست کن بزار سایت تا تست بشه بینیم چیکار میشه کرد

behzad1367
پنج شنبه 24 اسفند 1391, 12:45 عصر
ببین داداش این سورس ادیتور من هست که یه عکس توش آپلود کردم:



<img src="/Sculpture - Copy/images.jpg"><br>


حالا میخام این قسمت هم به تگ img اضافه بشه:



style="float:left"



یعنی هون وقتی که عکس آپلود داره میشه این استایلم بهش بده تا اینطوری بشه سورس ادیتورم:



<img src="/Sculpture - Copy/images.jpg" style="float:left"><br>




حالا یکی بگه چطوری این کارو بکنم

morteza_mokhtari
پنج شنبه 24 اسفند 1391, 21:11 عصر
تویه آپلود که این کارو فکر کنم نمیتونید انجام بدهید. شما این کار رو میتونید با جاوااسکریپت انجام بدید.بنده خودم هم دارم از این ادیتور استفاده میکنم تویه آپلود عکس به مشکل برنخوردید چون این ادیتور برای امنیت بیشتر تمامی تگها از جمله تگ img رو Encode میکنه که یه جای نمایش خوده عکس تویه سایت متن html اون نمایش داده میشه.



$(document).ready(function () {

$("div.content >img").each(function () {
$(this).attr('style', 'float:left');

});
});

ببین این جواب میده.

behzad1367
پنج شنبه 24 اسفند 1391, 21:33 عصر
تویه آپلود عکس به مشکل برنخوردید چون این ادیتور برای امنیت بیشتر تمامی تگها از جمله تگ img رو Encode میکنه که یه جای نمایش خوده عکس تویه سایت متن html اون نمایش داده میشه.


نه مشکل نخوردم چون قبل اینکه بریزمش توی تکست باکس دوباره encode کردمش.

نه عزیز این کد شما جواب نداد

morteza_mokhtari
پنج شنبه 24 اسفند 1391, 22:10 عصر
سلام کد باید جواب بده شما کد رو تغییر دادید به جای div.content باید div رو که مطالب سایتتون توش نمایش داده میشه رو قرار بدهید.این کد رو تویه صفحه ای که مطالب نوشته شده تویه ادیتور قرار نشون داده بشه قرار دهید.

behzad1367
پنج شنبه 24 اسفند 1391, 22:23 عصر
میدونم داداش من یه div دارم که این تکست باکس که ادیتورش کردم رو داخلش گذاشتم.ولی وقتی عکس داخل این ادیتور آپلود میشه هیچ اتفاقی نمیفته