2013-04-11 5 views
3

나는 디자인 모드가 켜져있는 C#에서 웹 브라우저 컨트롤을 가지고있다. 나는 (WYSIWYG) HTML 편집기를 만들기 위해 그것을 사용한다. UI없이 사진을 삽입하고 싶습니다. 사용자가 이미지를 삽입하려고 할 때 사용자에게 알려진 이름을 보여주는 창을 보여줍니다. 그런 다음 검색을 사용하여 사진을 찾고이를 제어에 추가합니다.어떻게 내가 오픈 이미지 UI와 함께 C#에서 웹 브라우저 컨트롤에 이미지를 삽입 할 수 있습니까?

이 내 열린 이미지의 형태이다 : 단지 이름을 알고

Open Image Form

사진 데이터베이스 및 사용자에 있습니다. 나는 그것들을 모두 폴더에 업로드하고 위의 목록을 사용자에게 보여주고 사용자는 그림을 선택합니다. 하드 디스크의 위치에 따라 이미지를 추가하고 사용자가 정렬을 설정할 수있게하려고합니다.

어떻게 할 수 있습니까?

+0

이미지 :

나는 당신을 위해 예를 쓰기? – KF2

+0

예, 이미지는 데이터베이스에 있고 하드 디스크에 테마를 저장합니다. –

+0

그래서 사용자가 브라우저에 이미지를 추가하고 정렬을 올바르게 설정하기를 원하십니까? – KF2

답변

0

문서에 새 요소를 추가하는 것은 매우 논리적입니다. 첫 번째 단계는 추가 할 노드 (요소)를 만들고, 다음은 문서 내에서 추가 할 위치를 찾고 마지막 단계는 실제로 추가 작업을 수행하는 것입니다. 하드 디스크에 저장

private void Form1_Load_1(object sender, EventArgs e) 
    { 
     webBrowser1.DocumentText = "<html><body></img></body></html>"; 
    } 

    private void insert_image_btn_Click(object sender, EventArgs e) 
    { 
     HtmlElement userimage = webBrowser1.Document.CreateElement("img"); 
     userimage.SetAttribute("src", "image location"); 
     userimage.Id = "imageid"; 
     webBrowser1.Document.Body.AppendChild(userimage); 
    } 
    private void btn_set_aliign_Click(object sender, EventArgs e) 
    { 
     webBrowser1.Document.GetElementById("imageid").SetAttribute("float", "right"); 
    } 
+0

이미지가 편집 courser 장소에 추가됩니까? –

+0

예이 예제를 테스트 – KF2

+0

감사합니다, 제대로 작동합니다. –