HTML 편집기에 이미지 포함

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기2분
  • HTML 필드 이미지 선택기를 사용하여 HTML 필드에 이미지를 포함하고, 이미지 라이브러리에 이미지를 추가할 수 있습니다.

    시작하기 전에

    필요한 역할: HTML 필드가 포함된 기록을 업데이트하는 데 필요한 역할입니다. 예를 들어, 역할이 있는 모든 사용자는 지식 문서를 생성하고 여기에 이미지를 포함할 수 있습니다.

    이 태스크 정보

    주:
    관리자와 image_admin 역할을 가진 사용자는 다음에서 이미지 라이브러리를 관리합니다. 시스템 UI > 이미지. 데이터베이스에 이미지 저장을 참조하십시오 .

    프로시저

    1. HTML 필드가 포함된 양식을 엽니다.
    2. 이미지를 표시할 위치를 클릭하거나 기존 이미지를 수정하려면 이미지를 클릭합니다.
    3. HTML 편집기 도구 모음에서 이미지 삽입/편집 아이콘( 이미지 삽입 또는 편집 아이콘)을 클릭합니다.
    4. 이미지 삽입/수정 양식에서 각 필드에 정보를 입력합니다.
      표 1. 이미지 양식 삽입/수정
      필드 설명
      유형 이미지 유형을 선택합니다.
      • 이미지 라이브러리: db_image 테이블에 저장된 이미지입니다. 이미지 라이브러리의 이미지를 여러 위치에서 재사용할 수 있습니다.
      • 첨부 파일: 현재 기록에서만 사용 가능
      이미지 파일 이름을 입력하고 목록에서 이미지를 선택하거나, 참조 조회 아이콘을 클릭하고 이미지를 선택합니다.

      새 이미지를 업로드하려면 새로 만들기, 파일 선택을 차례로 클릭하고 이미지를 찾은 다음 업로드를 클릭합니다.

      첨부 파일 유형을 선택한 경우 파일 선택을 클릭하고 이미지를 찾은 다음 첨부를 클릭합니다.

      도구 설명 사용자가 이미지를 가리킬 때 나타나는 대체 텍스트를 입력합니다.
      대체 접근성을 향상시키는 데 사용할 수 있는 대체 텍스트를 입력합니다. 예를 들어 화면 판독기와 함께 사용할 수 있습니다. 이 필드를 비워 두면 기본적으로 도구 설명 필드에 입력된 텍스트가 사용됩니다.
      주:
      포함된 이미지의 크기를 조정하려면 이미지를 클릭합니다. 크기 조정 프레임이 나타납니다. 이미지가 원하는 크기가 될 때까지 크기 조정 지점을 끕니다. 모퉁이 점은 비례적으로 크기를 조정합니다. 브라우저에 따라 크기 조정 프레임이 나타나기 전에 이미지를 강조 표시해야 할 수도 있습니다.
    5. 옵션: 이미지 모양에 대한 추가 제어를 제공하려면 [고급 옵션]을 클릭합니다.
      표 2. 고급 옵션
      필드 설명
      레이아웃 이미지 정렬( 기본값은기준선)을 선택하고 테두리 두께를 입력합니다.
      간격 이미지 주위의 가로세로 픽셀 수를 입력합니다.
      크기 이미지의 너비높이 (픽셀 단위)를 입력합니다.
    6. 확인을 클릭합니다.
    7. 옵션: HTML 편집기에 이미지를 붙여넣습니다.
      이미지를 편집하려면 항목을 저장한 다음 이미지를 선택합니다. 이미지 삽입/편집 아이콘을 클릭하고 이미지 추가에 대해 동일한 테이블을 사용하여 양식을 작성합니다.

      붙여넣은 이미지는 시스템에 첨부 파일로 저장됩니다.