---
slug: "django-admin-で-ace-を使う"
title: "Django Admin で ACE を使う"
description: "1. requirements.txt に追加\ndjango-ace\n"
url: "https://www.ytyng.com/blog/django-admin-で-ace-を使う"
publish_date: "2017-03-31T10:52:15Z"
created: "2017-03-31T10:52:15Z"
updated: "2026-02-27T04:29:10.295Z"
categories: []
keywords: ""
featured_image_url: "https://media.ytyng.com/resize/20230812/9cbaad0ed2f74eab933d8fa58a36460f.png.webp?width=768"
has_video: false
has_music: false
video_urls: []
music_urls: []
lang: "ja"
---

# Django Admin で ACE を使う

<h2>1. requirements.txt に追加</h2>
<pre>django-ace</pre>
<p></p>
<h2>2. pip install</h2>
<pre>pip install -r requirements.txt</pre>
<pre>( もしくは $ pip install django-ace )</pre>
<p></p>
<h2>3. settings の INSTALLED_APPS に追加</h2>
<pre>&nbsp;&nbsp;&nbsp; 'django_ace',</pre>
<p></p>
<h2>4. ModelAdminを修正</h2>
<pre>from django_ace import AceWidget<br />from django.db import models as django_models<br /><br />...<br />&nbsp;&nbsp;&nbsp; formfield_overrides = {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; django_models.TextField: {'widget': AceWidget(<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode="django", width="100%", height="500px")},<br />&nbsp;&nbsp;&nbsp; }</pre>
<p>もしくは、form を別途作れば別のテキストフィールドのモードを別個に設定できる</p>
<pre>from django import forms as django_forms<br />class TeikeiTypeAdminForm(django_forms.ModelForm):<br />&nbsp;&nbsp;&nbsp; def __init__(self, *args, **kwargs):<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; super().__init__(*args, **kwargs)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; self.fields['note'].widget = AceWidget(<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode="markdown", width="100%", height="500px")<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; self.fields['js_function'].widget = AceWidget(<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mode="javascript", width="100%", height="500px")<br /><br />class TeikeiTypeAdmin(admin.ModelAdmin):<br />&nbsp;&nbsp;&nbsp; form = TeikeiTypeAdminForm<br />    list_display = (<br />        ...</pre>
<p>※Mezzanine上で使ってもかなりいい感じになるのでおすすめ</p>